Bagaimanakah Saya Boleh Menggayakan Elemen Mengikuti Elemen Tertentu Menggunakan Pemilih CSS?

Mencari Elemen Seterusnya Menggunakan Pemilih CSS

Dalam CSS, menentukan gaya untuk elemen yang mengikuti elemen lain boleh dicapai menggunakan pemilih adik beradik bersebelahan . Sintaks ini amat berguna apabila menggayakan elemen yang menjayakan pemilih tertentu dengan serta-merta.

Sebagai contoh, pertimbangkan senario di mana anda ingin menggunakan sifat clear:kedua-dua kepada semua

teg yang mengikuti

elemen dengan kelas "hc-reform."

Pemilih yang disediakan, h1.hc-reform > p, percubaan untuk menyasarkan elemen kanak-kanak h1.hc-reform, yang dalam kes ini tidak hadir. Sebaliknya, untuk menentukan adik beradik yang bersebelahan, anda harus menggunakan tanda tambah ( ).

Sintaks yang betul untuk pemilih ini ialah:

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

Pemilih ini akan menggayakan semua

teg yang mengikut elemen h1.hc-reform.

Nota: Kaedah ini tidak disokong dalam Internet Explorer versi 6 dan lebih lama.

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