Rumah >hujung hadapan web >tutorial css >Penjelasan terperinci tentang perbezaan dan penggunaan adalah dan di mana pemilih

Penjelasan terperinci tentang perbezaan dan penggunaan adalah dan di mana pemilih

WBOY
WBOYasal
2023-09-09 12:33:351108semak imbas

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 .kotak kod> kelas dan #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

Sepadan dengan pemilih is ialah pemilih tempat. Peranan pemilih tempat adalah untuk memilih elemen tertentu berdasarkan hubungan hierarki elemen. Sintaksnya adalah seperti berikut:

senarai pemilih di mana(pemilih) {

/

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: 🎜🎜
🎜

🎜
🎜🎜🎜🎜Dalam kod di atas, kami menggunakan pemilih tempat untuk memilih kandungan yang mengandungi .kotak code> elemen kelas dan tetapkan warna latar belakangnya kepada biru. 🎜🎜Terdapat beberapa perbezaan dalam penggunaan is selector dan mana selector. Pertama sekali, pemilih is ialah pemilih berdasarkan jenis dan atribut elemen, manakala pemilih tempat ialah pemilih berdasarkan perhubungan hierarki elemen. Kedua, pemilih is boleh memilih berbilang elemen, manakala pemilih tempat hanya boleh memilih satu elemen. Selain itu, pemilih is hanya boleh digunakan dalam senarai pemilih, manakala pemilih tempat boleh digunakan secara langsung dalam peraturan gaya. 🎜🎜Perlu diambil perhatian bahawa pemilih adalah dan di mana pemilih kini berada dalam peringkat percubaan dan mungkin tidak disokong oleh semua pelayar. Untuk memastikan keserasian, kami boleh menggunakan bentuk tradisional pemilih CSS untuk mencapai kesan yang sama. 🎜🎜Untuk meringkaskan, ialah pemilih dan di mana pemilih ialah dua pemilih dalam CSS yang digunakan untuk memilih elemen secara bersyarat dan menggunakan gaya. Memahami perbezaan dan penggunaannya boleh membantu kami menulis peraturan gaya CSS yang fleksibel dan boleh diselenggara dengan lebih baik. 🎜🎜Saya harap pengenalan dalam artikel ini dapat membantu pembaca lebih menguasai penggunaan is selector dan where selector. Dengan menggunakan kedua-dua pemilih ini secara fleksibel, kami boleh melaksanakan tetapan gaya untuk elemen tertentu dengan lebih mudah. 🎜

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!

Kenyataan:
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