Rumah >hujung hadapan web >tutorial css >Pilih setiap elemen yang didahului oleh elemen CSS

Pilih setiap elemen yang didahului oleh elemen CSS

WBOY
WBOYke hadapan
2023-09-12 19:17:021512semak imbas

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

Gunakan pemilih elemen ~ untuk memilih elemen ff6d136ddc5fdfeffaf53ff6ee95f185 Anda boleh cuba jalankan kod berikut untuk melaksanakan contoh ini

Contoh

Demo Langsung

<!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>

Atas ialah kandungan terperinci Pilih setiap elemen yang didahului oleh elemen CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam