Rumah > Artikel > hujung hadapan web > Penjelasan terperinci tentang perbezaan dan penggunaan adalah dan di mana pemilih
Penjelasan terperinci tentang perbezaan dan penggunaan adalah dan tempat pemilih
Apabila menulis peraturan gaya CSS, kita selalunya perlu memilih elemen khusus untuk tetapan gaya berdasarkan beberapa syarat. CSS menyediakan pelbagai pemilih untuk memenuhi keperluan ini, yang paling biasa digunakan ialah pemilih adalah dan pemilih tempat. Artikel ini akan memperkenalkan secara terperinci perbezaan dan penggunaan kedua-dua pemilih ini.
Pertama, mari lihat pemilih adalah. Pemilih is boleh difahami sebagai pemilih bersyarat, yang membolehkan kami memilih elemen tertentu berdasarkan jenis dan atributnya. Sintaks asasnya adalah seperti berikut:
.is(selector-list) {
/ style rules /
}
is Parameter senarai pemilih bagi pemilih ialah senarai pemilih yang boleh dipisahkan dengan koma, setiap satu yang mana Pemilih boleh menjadi pemilih jenis elemen, pemilih kelas, pemilih atribut, dsb. Berikut ialah contoh kod:
Dalam kod di atas, kami mentakrifkan pemilih ialah, yang memilih #paragraph
elemen sepadan id dan tetapkan warna latar belakangnya kepada merah. .box
类和#paragraph
id对应的元素,并将它们的背景颜色设置为红色。
与is选择器相对应的是where选择器。where选择器的作用是根据元素的层级关系来选择特定的元素。它的语法如下:
selector-list where(selector) {
/ 样式规则 /
}
where选择器的selector-list和selector参数都是选择器,selector-list用于选择要限定范围的元素,而后面的selector则是用于选择最终要应用样式的元素。下面是一个示例:
在上面的代码中,我们使用where选择器选择包含.box
/
Peraturan gaya/
}di mana senarai pemilih dan parameter pemilih adalah kedua-dua pemilih, dan senarai pemilih digunakan untuk memilih julat untuk menjadi terhad, dan pemilih di belakang digunakan untuk memilih elemen yang akhirnya akan digunakan gaya. Berikut ialah contoh: 🎜🎜Atas ialah kandungan terperinci Penjelasan terperinci tentang perbezaan dan penggunaan adalah dan di mana pemilih. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!