Adakah terdapat pemilih induk CSS?
P粉176980522
2023-08-23 10:53:50
<p>Bagaimanakah saya hendak memilih <kod></code></p><li> elemen yang merupakan induk langsung elemen utama? <p><br /></p>
<p>Sebagai contoh, CSS saya akan kelihatan seperti ini: </p>
<pre class="brush:php;toolbar:false;">li <
harta: nilai;
}</pre>
<p>Jelas sekali terdapat cara untuk melakukan ini menggunakan JavaScript, tetapi saya berharap terdapat beberapa jenis penyelesaian untuk CSS Tahap 2 itu sendiri. </p>
<p>Menu yang saya cuba gayakan dimuntahkan oleh CMS, jadi saya tidak boleh mengalihkan elemen aktif ke <kod></code></p></li>< ;li> elemen .. (melainkan saya tema menu dan membuat modul, yang saya tidak mahu lakukan). <p><br /></p></li>
![[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).
Tiada cara untuk memilih elemen induk elemen dalam CSS pada masa ini dengan cara yang berfungsi dalam semua penyemak imbas.
Draf kerja tahap 4 pemilih termasuk
: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) { /* styles to apply to the li tag */ }Firefox merupakan satu-satunya pelayar utama yang tidak menyokongnya secara lalai.
Sementara itu, jika anda perlu memilih elemen induk dengan sokongan penuh merentas pelayar, anda perlu menggunakan JavaScript dalam Firefox.