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

Pilih setiap elemen yang didahului oleh elemen CSS

WBOY
Lepaskan: 2023-09-12 19:17:02
ke hadapan
1497 orang telah melayarinya

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

Gunakan pemilih elemen ~ untuk memilih elemen

    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>
    Salin selepas log masuk

    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!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan