Adakah pemilih ibu bapa wujud dalam CSS?

Question

Bagaimanakah cara saya memilih

elemen yang merupakan induk langsung elemen utama?

Sebagai contoh, CSS saya mungkin kelihatan seperti ini:

li <
    harta: nilai;
}

Jelas sekali, adalah mungkin untuk mencapai ini menggunakan JavaScript, tetapi saya mengharapkan penyelesaian yang berasal dari 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 lebih suka tidak melakukannya).

Answer 1

Anda boleh menggunakan :has() kelas pseudo CSS

Tetapi ia mempunyai sokongan pelayar terhad (Firefox belum disokong lagi).

Answer 2

Pada masa ini tiada cara dalam CSS untuk memilih elemen induk elemen supaya ia berfungsi dengan betul dalam semua penyemak imbas.

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

li:has(> a.active) { /* 应用于li标签的样式 */ }

Pada masa ini hanya Firefox tidak menyokong ciri ini secara lalai.

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