Rumah > hujung hadapan web > tutorial css > Bagaimanakah Kami Boleh Mengumpulkan Keturunan dalam Pemilih CSS?

Bagaimanakah Kami Boleh Mengumpulkan Keturunan dalam Pemilih CSS?

Susan Sarandon
Lepaskan: 2024-11-01 10:30:02
asal
263 orang telah melayarinya

How Can We Group Descendants in CSS Selectors?

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>
Salin selepas log masuk


.
.
.

<td></td>
<td></td>
<td></td>
Salin selepas log masuk


`

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan