Rumah  >  Artikel  >  Apakah pemilih kompaun biasa?

Apakah pemilih kompaun biasa?

百草
百草asal
2023-10-07 17:24:461853semak imbas

Pemilih kompaun biasa 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 untuk memilih elemen adik beradik pertama serta-merta mengikuti elemen, dsb.

Apakah pemilih kompaun biasa?

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, pemilih kompaun biasa adalah daripada jenis berikut:

1 Pemilih Keturunan: Gunakan pemilih yang dipisahkan ruang untuk memilih elemen turunan unsur. 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. Penggunaan gabungan pemilih kompaun boleh mengembangkan lagi skop dan syarat pemilihan, menjadikan keupayaan pemilihan CSS lebih berkuasa dan fleksibel.

Atas ialah kandungan terperinci Apakah pemilih kompaun biasa?. 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