Bagaimanakah Saya Boleh Menggayakan Perenggan Mengikuti Tajuk Tertentu Menggunakan CSS?

Memilih Elemen Seterusnya menggunakan CSS: Pemilih Adik Beradik Bersebelahan

Apabila bekerja dengan HTML, anda mungkin menghadapi senario di mana anda perlu menggunakan penggayaan pada elemen tertentu yang mengikuti orang lain dalam pokok DOM. Dalam CSS, ini boleh dicapai menggunakan pemilih adik beradik bersebelahan, diwakili oleh tanda tambah ( ).

Dalam contoh anda, anda ingin menggunakan jelas: kedua-duanya; peraturan kepada setiap <p> teg yang mengikuti <h1> tag dengan kelas reformasi hc. Untuk melakukan ini, pemilih CSS yang betul ialah:

h1.hc-reform + p {
  clear: both;
}

Pemilih adik beradik bersebelahan memastikan bahawa jelas: kedua-duanya; peraturan hanya digunakan untuk <p> teg yang serta-merta mengikuti <h1>.hc-reform</h1> pengepala. Adalah penting untuk ambil perhatian bahawa pemilih ini tidak disokong dalam Internet Explorer 6 atau lebih awal.

Jadi, untuk menangani isu yang anda nyatakan di mana h1.hc-reform > pemilih p tidak berfungsi, ini kerana pemilih itu mewakili pemilih anak langsung, yang hanya memilih <p> teg yang merupakan anak langsung <h1>.hc-reform</h1>. Dalam kes anda, <p> tag bukan anak langsung tetapi mengikut adik beradik, maka pemilih h1.hc-reform p adalah pilihan yang betul.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Perenggan Mengikuti Tajuk Tertentu Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!