Bagaimanakah Kami Boleh Mengumpulkan Keturunan dalam Pemilih CSS?

Mengumpulkan Keturunan dalam Pemilih CSS

Walaupun keperluan biasa untuk menggayakan kumpulan keturunan, CSS tidak mempunyai pendekatan yang mudah untuk tugasan ini. Pertimbangkan jadual HTML ringkas:

`

<th></th>
<th></th>
<th></th>

.
.
.

<td></td>
<td></td>
<td></td>

`

Secara tradisinya, menggayakan semua tajuk lajur dan sel memerlukan pemilih kata kerja:

#myTable th, #myTable td {}

Mengapa kita tidak boleh menggunakan sintaks seperti ini sebaliknya:

#myTable (th,td ) {}

Cadangan Penyelesaian

Sehingga baru-baru ini, tiada penyelesaian standard untuk mengumpulkan keturunan dalam pemilih CSS. Walau bagaimanapun, kelas pseudo berikut telah dicadangkan:

• :-moz-any(): Diperkenalkan oleh Mozilla pada 2010.
• : -webkit-any(): Dicadangkan untuk penyemak imbas WebKit tetapi tidak diguna pakai secara meluas.

Walau bagaimanapun, menggunakan pemilih awalan ini memerlukan set peraturan pendua dan tidak disyorkan untuk kod yang menghadap awam.

Perkembangan Masa Depan

Draf kerja Tahap 4 Pemilih mencadangkan kelas pseudo :matches(), berdasarkan cadangan :any() asal. Kelas pseudo baharu ini mungkin menawarkan peningkatan dalam semakan masa hadapan.

Penyelesaian

Untuk kes khusus menggayakan kedua-dua elemen th dan td, pemilih * boleh digunakan:

#myTable tr > * {}

Ini mengandaikan bahawa elemen tr hanya mengandungi elemen sel. Bagi pembangun yang mementingkan prestasi, walau bagaimanapun, ini masih tidak secekap kaedah verbose.

Atas ialah kandungan terperinci Bagaimanakah Kami Boleh Mengumpulkan Keturunan dalam Pemilih CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!