ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS 要素の前にあるすべての要素を選択します

CSS 要素の前にあるすべての要素を選択します

WBOY
WBOY転載
2023-09-12 19:17:021511ブラウズ

选择前面有 CSS 元素的每个元素

要素 ~ 要素セレクターを使用して、2c1fc30ec442751bcb7b45e60e55143d 要素を選択します。この例を実装するには、次のコードを実行してみてください。

Example

ライブ デモ

<!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 サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。