Bolehkah CSS Memilih Elemen Berdasarkan Elemen Anaknya?

Pemilih CSS: Menyasarkan Elemen dengan Elemen Anak Tertentu

Bolehkah CSS memilih elemen berdasarkan elemen anaknya? Walaupun mungkin dalam rangka kerja tertentu, jawapan untuk CSS tulen pada masa ini adalah negatif.

Penghadan CSS2 dan CSS3

Spesifikasi CSS2 dan CSS3 sedia ada tidak mempunyai sebarang mekanisme untuk pemilih induk. Ini bermakna bahawa pemilih tidak boleh secara langsung menyasarkan elemen berdasarkan elemen anaknya.

Spesifikasi Berkembang

Isu pemilih induk telah dibincangkan selama bertahun-tahun, dengan pelbagai cadangan penyelesaian. Satu cadangan yang lalu memperkenalkan konsep "subjek," yang membolehkan penggayaan unsur yang disasarkan dalam rantaian pemilih. Walau bagaimanapun, ciri ini kemudiannya digugurkan.

Perkembangan Terkini: :has() Pseudo-Class

"Draf Editor Tahap 4 Pemilih" terkini memperkenalkan ":has ()" kelas pseudo hubungan. Kelas pseudo ini membolehkan pengarang memilih elemen berdasarkan anak mereka. Sebagai contoh, untuk memilih semua perenggan yang mengandungi rentang, seseorang boleh menggunakan:

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

Status Semasa

Sambil berjanji, adalah penting untuk ambil perhatian bahawa ": has()" pseudo-class masih dalam peringkat draf dan mungkin mengalami perubahan selanjutnya. Oleh itu, ia mungkin tidak disokong secara meluas dalam penyemak imbas semasa.

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