Bagaimanakah Saya Boleh Menggunakan CSS untuk Menggayakan Perenggan Hanya Apabila Ia Mengikut Elemen H1 Tertentu?

Memahami Pemilih Adik Beradik Bersebelahan CSS

Apabila menggayakan elemen HTML, keupayaan untuk menyasarkan elemen tertentu berdasarkan perhubungan mereka adalah penting. Di sinilah pemilih adik beradik bersebelahan CSS masuk.

Pernyataan Masalah

Pertimbangkan kod HTML dan CSS berikut:

<h1>

Matlamat adalah untuk memastikan setiap

teg yang mengikuti elemen h1.hc-reform mempunyai sifat yang jelas: kedua-duanya.

Percubaan Salah

Percubaan yang dibuat:

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

tidak berfungsi kerana > pemilih hanya memilih elemen anak langsung. Dalam kes ini,

tag bukan anak langsung kepada elemen h1.hc-reform.

Pemilih Adik Beradik Bersebelahan

Untuk mencapai hasil yang diingini, pemilih adik beradik bersebelahan mesti digunakan. Ia diwakili oleh tanda tambah ( ).

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

Pemilih ini menyasarkan elemen yang datang serta-merta selepas elemen yang ditentukan, dalam kes ini,

teg serta-merta mengikuti elemen h1.hc-reform.

Nota: Pemilih adik beradik bersebelahan tidak disokong dalam Internet Explorer 6 dan versi terdahulu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan CSS untuk Menggayakan Perenggan Hanya Apabila Ia Mengikut Elemen H1 Tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!