ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS 要素の前にあるすべての要素を選択します
要素 ~ 要素セレクターを使用して、2c1fc30ec442751bcb7b45e60e55143d 要素を選択します。この例を実装するには、次のコードを実行してみてください。
ライブ デモ
<!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> <ul> <li>Apple</li> <li>Orange</li> <li>Kiwi</li> </ul> </body> </html>
以上がCSS 要素の前にあるすべての要素を選択しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。