Adakah terdapat pemilih ibu bapa dalam CSS?

Question

Bagaimanakah cara saya memilih

elemen yang merupakan induk langsung elemen utama?

Sebagai contoh, CSS saya mungkin kelihatan seperti ini:

li <
    Atribut: nilai;
}

Jelas sekali, adalah mungkin untuk mencapai ini menggunakan JavaScript, tetapi saya mengharapkan penyelesaian asli CSS Tahap 2.

Menu yang saya cuba gayakan dijana oleh CMS, jadi saya tidak boleh mengalihkan elemen aktif ke dalam

elemen... (kecuali saya tema modul penciptaan menu, tetapi saya tidak mahu melakukannya).

Answer 1

Anda boleh menggunakan :has() kelas pseudo CSS

Tetapi ia mempunyai sokongan pelayar terhad (pada masa ini tidak disokong oleh Firefox).

Answer 2

Pada masa ini tiada cara dalam CSS untuk memilih induk elemen dalam semua penyemak imbas.

Draf Kerja Tahap 4 Pemilih termasuk :has() kelas pseudo yang akan menyediakan keupayaan ini. Ia akan serupa dengan pelaksanaan jQuery, tetapi pada masa ini tidak disokong oleh Firefox.

li:has(> a.active) { /* styles to apply to the li tag */ }

Firefox ialah satu-satunya pelayar utama yang pada masa ini tidak menyokongnya secara lalai .

Sementara itu, jika anda perlu memilih elemen induk dengan sokongan merentas pelayar penuh, anda perlu menggunakan JavaScript dalam Firefox.