Bagaimanakah Saya Boleh Menggunakan Pemilih Adik Beradik Bersebelahan untuk Menggayakan Perenggan Mengikut Tajuk Tertentu?

Letakkan Elemen dengan Pemilih Adik Beradik Bersebelahan

Menavigasi selok-belok pemilih CSS boleh menjadi menakutkan, terutamanya apabila menghadapi keperluan untuk menggayakan elemen berdasarkan hubungan mereka dengan unsur adik-beradik. Masukkan: pemilih adik beradik bersebelahan, alat yang sangat diperlukan untuk memperhalusi strategi CSS anda.

Untuk memastikan setiap

teg mengikut

dengan kelas "hc-reform" menggunakan clear:both, anda boleh menggunakan pemilih adik beradik bersebelahan. Pemilih ini, yang dilambangkan dengan tanda, menyasarkan adik-beradik yang serta-merta mengikut elemen tertentu:

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

Coretan kod ini hanya menyasarkan

teg yang mengikut terus

dengan kelas "hc-reform". Dengan menetapkan clear:kedua-duanya untuk perenggan ini, anda menghalangnya daripada membungkus sebarang elemen terapung yang mungkin telah diperkenalkan oleh

.

Perlu diperhatikan bahawa pemilih ini tidak disokong dalam Internet Explorer 6 atau lebih lama, jadi pertimbangkan keserasian penyemak imbas jika anda menjangkakan pengguna mengakses tapak anda menggunakan penyemak imbas ini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Pemilih Adik Beradik Bersebelahan untuk Menggayakan Perenggan Mengikut Tajuk Tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!