Rumah > masalah biasa > Apakah jenis pemilih kompaun yang ada?

Apakah jenis pemilih kompaun yang ada?

百草
Lepaskan: 2023-10-07 13:48:06
asal
1751 orang telah melayarinya

Jenis pemilih kompaun termasuk pemilih keturunan, pemilih elemen anak, pemilih adik beradik bersebelahan, pemilih adik beradik universal, pemilih atribut, pemilih kelas, pemilih ID, pemilih kelas pseudo, pemilih elemen pseudo, dsb. Pengenalan terperinci: 1. Pemilih keturunan, menggunakan pemilih yang dipisahkan oleh ruang, bermakna memilih elemen turunan bagi elemen 2. Pemilih elemen anak, menggunakan pemilih yang dipisahkan oleh tanda yang lebih besar, menunjukkan pemilihan elemen anak langsung bagi sesuatu elemen; 3. Pemilih adik beradik bersebelahan, menggunakan pemilih yang dipisahkan dengan tanda tambah, menunjukkan pemilihan elemen anak langsung bagi elemen 4. Pemilih adik beradik sejagat, dsb.

Apakah jenis pemilih kompaun yang ada?

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

Pemilih kompaun ialah pemilih yang biasa digunakan dalam CSS Ia boleh memilih elemen yang memenuhi syarat melalui gabungan berbilang pemilih. Dalam CSS, terdapat jenis pemilih kompaun berikut:

1 Pemilih Keturunan: Gunakan pemilih yang dipisahkan ruang untuk memilih elemen turunan bagi sesuatu elemen. Sebagai contoh, `div p` bermaksud memilih semua elemen `

` yang merupakan keturunan unsur `

`.

2. Pemilih Anak: Gunakan pemilih yang dipisahkan oleh tanda yang lebih besar daripada (>) untuk memilih elemen anak langsung bagi sesuatu elemen. Contohnya, `div > p` ​​​​bermaksud memilih semua elemen `

` yang merupakan anak langsung unsur `

`.

3. Pemilih Adik Beradik Bersebelahan: Pemilih yang dipisahkan dengan tanda tambah (+), menunjukkan bahawa elemen adik beradik pertama serta-merta mengikuti elemen dipilih. Contohnya, `h1 + p` bermaksud memilih elemen `

` yang pertama serta-merta selepas elemen `

`.

4. Pemilih Adik Beradik Umum: Pemilih yang dipisahkan oleh tilde (~) untuk memilih semua elemen adik beradik selepas elemen. Contohnya, `h1 ~ p` bermaksud memilih semua elemen `

` selepas elemen `

`.

5. Pemilih Atribut: Gunakan kurungan segi empat sama ([]) untuk memilih elemen dengan atribut tertentu. Contohnya, `input[type="text"]` bermaksud memilih semua elemen `` yang nilai atribut `type`nya ialah "teks".

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

7 Pemilih ID: Gunakan pemilih bermula dengan tanda paun (#) untuk memilih elemen dengan ID yang ditentukan. Contohnya, `#header` bermaksud memilih elemen dengan ID "header".

8. Pemilih kelas Pseudo: Gunakan pemilih bermula dengan titik bertindih (:) untuk memilih elemen yang memenuhi status atau syarat tertentu. Contohnya, `:hover` menunjukkan keadaan pemilihan apabila tetikus melayang di atas elemen.

9. Pemilih unsur Pseudo: Gunakan pemilih bermula dengan tanda bertindih dua (::) untuk memilih bahagian tertentu elemen. Contohnya, `::before` mewakili kandungan yang disisipkan sebelum elemen yang dipilih.

Di atas ialah jenis pemilih kompaun biasa dalam CSS. Dengan menggunakan pemilih ini secara fleksibel, kami boleh memilih dan menggayakan elemen dalam halaman web dengan lebih tepat untuk mencapai kesan yang kaya dan pelbagai.

Atas ialah kandungan terperinci Apakah jenis pemilih kompaun 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan