◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
选择前面有 CSS 元素的每个元素
ID:13621 / 打印
使用元素 ~ 元素选择器选择
- 元素，前面是
元素。您可以尝试运行以下代码来实现此示例
示例
实时演示
<!DOCTYPE html> <html> <head> <style> p~ul { color: white; background-color: blue; } </style> </head> <body> <h1>Demo Website</h1> <h2>Fruits</h2> <div> <p>Vegetables are good for health.</p> <ul> <li>Spinach</li> <li>Onion</li> <li>Capsicum</li> </ul> </div> <p>Fruits are good for health.</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> <ul> <li>Apple</li> <li>Orange</li> <li>Kiwi</li> </ul> </body> </html>