Adakah terdapat pemilih ibu bapa dalam CSS?
P粉270842688
2023-08-21 10:49:24
<p>Bagaimanakah cara saya memilih <kod><li></code> elemen yang merupakan induk langsung elemen utama? </p>
<p>Sebagai contoh, CSS saya mungkin kelihatan seperti ini: </p>
<pre class="brush:php;toolbar:false;">li <
Atribut: nilai;
}</pre>
<p>Jelas sekali, adalah mungkin untuk mencapai ini menggunakan JavaScript, tetapi saya mengharapkan penyelesaian asli CSS Tahap 2. </p>
<p>Menu yang saya cuba gayakan dijana oleh CMS, jadi saya tidak boleh mengalihkan elemen aktif ke dalam <kod><li></code> elemen... (kecuali saya tema modul penciptaan menu, tetapi saya tidak mahu melakukannya). </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh menggunakan
:has()kelas pseudo CSSTetapi ia mempunyai sokongan pelayar terhad (pada masa ini tidak disokong oleh Firefox).
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.