Rumah> masalah biasa> teks badan

Apakah jenis pemilih kelas yang ada?

百草
Lepaskan: 2023-10-07 14:00:03
asal
2036 orang telah melayarinya

Jenis pemilih kelas termasuk pemilih kelas asas, pemilih berbilang kelas, pemilih kelas hierarki, pemilih kelas sub-elemen, pemilih kelas adik beradik bersebelahan, pemilih kelas adik beradik sejagat, pemilih kelas nilai atribut dan Peranti pemilihan kelas negatif dsb. Pengenalan terperinci: 1. Pemilih kelas asas, menggunakan pemilih yang bermula dengan titik, bermakna memilih elemen dengan nama kelas tertentu 2. Pemilih berbilang kelas, menggunakan pemilih yang menggabungkan beberapa nama kelas, bermakna memilih elemen dengan beberapa nama kelas yang ditentukan elemen nama kelas, tidak perlu ruang antara beberapa nama kelas, tulis sahaja secara berturut-turut 3. Pemilih kelas hierarki, pemilih dipisahkan oleh ruang, dsb.

Apakah jenis pemilih kelas yang ada?

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Pemilih kelas ialah pemilih yang biasa digunakan dalam CSS Ia memilih elemen yang memenuhi syarat melalui atribut kelas elemen. Dalam CSS, terdapat jenis pemilih kelas berikut:

1 Pemilih Kelas Asas: Gunakan pemilih bermula dengan noktah (.) untuk memilih elemen dengan nama kelas yang ditentukan. Sebagai contoh, `.red` bermaksud memilih semua elemen dengan nama kelas "merah".

2. Pemilih Berbilang Kelas: Pemilih yang menggunakan gabungan berbilang nama kelas untuk memilih elemen dengan berbilang nama kelas yang ditentukan. Tidak perlu ruang antara berbilang nama kelas, tulis sahaja secara berturut-turut. Sebagai contoh, `.red.bold` bermaksud memilih elemen dengan kedua-dua nama kelas "merah" dan "tebal".

3. Pemilih Kelas Keturunan: Gunakan pemilih yang dipisahkan dengan ruang untuk memilih elemen dengan nama kelas yang ditentukan di antara unsur turunan unsur. Sebagai contoh, `div .red` bermaksud memilih semua elemen dengan nama kelas "merah" antara keturunan unsur `

`.

4. Pemilih Kelas Kanak-kanak: Gunakan pemilih yang dipisahkan dengan tanda yang lebih besar daripada (>) untuk memilih elemen dengan nama kelas yang ditentukan antara elemen anak langsung bagi sesuatu elemen. Contohnya, `div > .red` bermaksud memilih semua elemen dengan nama kelas "merah" antara elemen anak langsung bagi elemen `

`.

5 Pemilih Kelas Adik Beradik Bersebelahan: Pemilih yang dipisahkan dengan tanda tambah (+), menunjukkan bahawa elemen dengan nama kelas yang ditentukan dalam elemen adik beradik yang pertama akan dipilih. Contohnya, `h1 + .red` bermaksud memilih elemen pertama dengan nama kelas "merah" serta-merta mengikuti elemen `

`.

6. Pemilih Kelas Adik Beradik Umum: Gunakan pemilih yang dipisahkan oleh tilde (~) untuk memilih elemen dengan nama kelas yang ditentukan antara semua elemen adik beradik yang mengikuti elemen. Contohnya, `h1 ~ .red` bermaksud memilih semua elemen dengan nama kelas "merah" selepas elemen `

`.

7. Pemilih Kelas Nilai Atribut: Gunakan kurungan segi empat sama ([]) dan tanda sama (=) untuk memilih elemen dengan nilai atribut yang ditentukan. Sebagai contoh, `[class="red"]` bermaksud memilih semua elemen yang nilai atribut `class`nya ialah "merah".

8. Pemilih Kelas Penolakan: Gunakan titik bertindih (:not()) untuk memilih elemen yang tidak mempunyai nama kelas yang ditentukan. Contohnya, `:not(.red)` bermaksud memilih elemen yang tidak mempunyai nama kelas "red".

Di atas ialah jenis pemilih kelas biasa dalam CSS. Dengan menggunakan pemilih ini, kita boleh memilih dan menggayakan elemen dalam halaman web berdasarkan nama kelas mereka untuk mencapai kesan yang kaya dan pelbagai. Pada masa yang sama, ia boleh digunakan dalam kombinasi dengan pemilih lain dan pemilih atribut untuk mengembangkan lagi skop dan syarat pemilihan.

Atas ialah kandungan terperinci Apakah jenis pemilih kelas yang ada?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!