Bagaimanakah Saya Boleh Memilih Elemen Berdasarkan Elemen Anak Mereka dalam CSS?

Memilih Elemen dengan Elemen Kanak-kanak Khusus dalam CSS

Dalam CSS, bagaimana anda boleh memilih elemen berdasarkan kehadiran kanak-kanak tertentu elemen?

Mungkin?

Malangnya, CSS2 dan CSS3 tidak menyokong pemilihan induk, menjadikannya mustahil untuk memilih elemen berdasarkan elemen anaknya.

Perubahan dalam Spesifikasi

Walaupun perbincangan selama ini, tidak konsensus telah dicapai pada pemilih induk dalam CSS. Berikut ialah gambaran keseluruhan kemungkinan perubahan:

Pemilih Subjek (Ditamatkan)

Draf lama "Draf Kerja Tahap 4 Pemilih" mencadangkan penggunaan pemilih "subjek", tetapi ciri ini telah ditinggalkan dan tidak akan dilaksanakan.

Perhubungan Kelas Pseudo: :has()

"Draf Editor Tahap 4 Pemilih" yang lebih terkini termasuk ":has()" sebagai kelas pseudo hubungan. Kelas pseudo ini membolehkan pengarang memilih elemen berdasarkan kandungannya. Contohnya:

p:has(span) {
    color: red;
}

Pemilih ini akan menggunakan warna merah pada mana-mana elemen perenggan (

) yang mengandungi rentang ().

Nota : Perubahan spesifikasi ini tertakluk pada semakan, jadi ketepatan maklumat ini mungkin berbeza-beza.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen Berdasarkan Elemen Anak Mereka dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!