Bolehkah CSS Memilih Elemen Berdasarkan Elemen Anak Mereka?

Pemilih CSS untuk Elemen dengan Elemen Anak Tertentu

Soalan: Adakah mungkin untuk mencipta pemilih CSS yang memilih semua elemen yang mempunyai elemen anak tertentu? Contohnya, untuk memilih semua

elemen yang mengandungi elemen?

Jawapan:

Malangnya, spesifikasi pemilih CSS2 dan CSS3 tidak membenarkan pemilihan induk. Ini bermakna tidak mungkin untuk memilih elemen berdasarkan elemen anaknya secara asli.

Perkembangan Terkini:

Walau bagaimanapun, spesifikasi pemilih CSS telah mengalami perubahan baru-baru ini. Walaupun "Draf Kerja Tahap 4 Pemilih" terdahulu termasuk ciri "subjek" untuk memilih elemen yang sepatutnya menerima gaya, ciri ini telah dialih keluar dalam draf berikutnya.

Kelas Pseudo Hubungan: :has( )

"Draf Editor Tahap 4 Pemilih" yang lebih terkini termasuk kelas pseudo hubungan ":has()", yang membenarkan pengarang memilih elemen berdasarkan kandungannya. Ini memberikan keserasian dengan pseudo-selector tersuai jQuery ":has()".

Menggunakan ":has()", contoh yang disebutkan di atas boleh ditulis sebagai:

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

Pemilih ini akan pilih semua

elemen yang mengandungi elemen dan gayakannya dengan warna merah. Adalah penting untuk ambil perhatian bahawa penyelesaian ini mungkin tidak disokong secara seragam merentas semua penyemak imbas.

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

jquery css css3 for while select using class this

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn