Bolehkah CSS Memilih Ibu Bapa Berdasarkan Elemen Anak Mereka?

Pemilih CSS untuk Elemen dengan Anak Tertentu

Soalan ini meneroka kemungkinan memilih elemen berdasarkan kehadiran elemen anak tertentu.

Had CSS Semasa:

Setakat spesifikasi CSS semasa (CSS2 dan CSS3), tiada keupayaan terbina dalam untuk melaksanakan pemilihan induk. Ini bermakna anda tidak boleh terus memilih elemen jika ia mengandungi elemen anak tertentu.

Usaha dan Cadangan Lepas:

Draf lama spesifikasi CSS termasuk konsep pemilih subjek, yang akan membenarkan pemilihan elemen induk berdasarkan anaknya. Walau bagaimanapun, ciri ini telah dialih keluar dan tidak terdapat dalam pelaksanaan CSS semasa.

Ciri Muncul:

Draf spesifikasi CSS yang lebih terkini, seperti Selectors Level 4 Draf Editor, memperkenalkan konsep kelas pseudo hubungan ":has()". ":has()" menyediakan cara untuk memilih elemen berdasarkan kandungannya.

Memilih Elemen dengan Elemen Kanak-kanak Menggunakan ":has()":

Untuk pilih elemen induk yang mengandungi elemen anak tertentu menggunakan ":has()":

parent-element:has(child-element) {
  /* styling goes here */
}

Contoh:

Untuk memilih semua

elemen yang mengandungi anak:

div:has(span) {
  /* styling goes here */
}

Perhatikan bahawa ":has()" masih dalam pembangunan dan tidak disokong sepenuhnya oleh semua penyemak imbas.

Atas ialah kandungan terperinci Bolehkah CSS Memilih Ibu Bapa Berdasarkan Elemen Anak Mereka?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!