Apakah pemilih css3?

Pemilih css3 termasuk: 1. Pemilih elemen; 2. Pemilih kelas; 4. Pemilih atribut; Pemilih gabungan; 10. Pemilih hierarki; -kelas; 18. Sasaran pseudo-class. Pemilih menyediakan sintaks yang lebih kaya dan lebih fleksibel untuk memilih dan memanipulasi elemen HTML.

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

Pemilih CSS3 menyediakan sintaks yang lebih kaya dan lebih fleksibel untuk memilih dan memanipulasi elemen HTML. Berikut ialah beberapa pemilih CSS3 biasa:

1 Pemilih elemen: Ini ialah pemilih CSS paling asas, yang memilih elemen berdasarkan nama tegnya. Sebagai contoh, pemilih p akan memilih semua elemen perenggan.

2. Pemilih kelas: Pemilih kelas memilih elemen melalui atribut kelas mereka. Contohnya, pemilih .my-class akan memilih semua elemen dengan nama kelas my-class.

3. Pemilih ID: Pemilih ID memilih elemen melalui atribut id mereka. Contohnya, pemilih #my-id akan memilih elemen dengan ID my-id.

4. Pemilih atribut: Pemilih atribut memilih elemen melalui atributnya. Sebagai contoh, pemilih [type="text"] akan memilih semua elemen yang nilai atribut jenisnya ialah "teks".

5. Pemilih keturunan: Pemilih keturunan memilih elemen melalui hubungan keturunan mereka. Sebagai contoh, pemilih anak induk akan memilih semua elemen anak di bawah elemen induk.

6. Pemilih adik beradik bersebelahan: Pemilih adik beradik bersebelahan memilih elemen berdasarkan hubungan adik beradik mereka yang bersebelahan. Sebagai contoh, pemilih elemen + adik beradik akan memilih elemen adik beradik serta-merta mengikut elemen elemen.

7. Pemilih kelas pseudo: Pemilih kelas pseudo memilih elemen berdasarkan status khusus mereka. Contohnya, pemilih :hover akan memilih keadaan apabila tetikus melayang di atas elemen.

8. Pemilih elemen pseudo: Pemilih elemen pseudo memilih elemen melalui bahagian tertentu elemen. Contohnya, pemilih ::before boleh memasukkan elemen pseudo sebelum kandungan elemen yang dipilih.

9. Pemilih gabungan: Pemilih gabungan digunakan untuk menggabungkan berbilang pemilih untuk meletakkan dan memilih elemen dengan lebih tepat. Sebagai contoh, pemilih elemen>anak akan memilih anak elemen anak langsung elemen elemen.

10. Pemilih hierarki: Pemilih hierarki digunakan untuk memilih elemen berdasarkan perhubungan hierarkinya. Sebagai contoh, pemilih :first-child akan memilih elemen anak pertama bagi setiap elemen.

11. Pemilih perhubungan: Pemilih perhubungan digunakan untuk memilih elemen berdasarkan perhubungan antara elemen. Sebagai contoh, pemilih :nth-child(n) akan memilih elemen anak ke-n bagi setiap elemen.

12. Kelas pseudo negatif: Kelas pseudo negatif digunakan untuk mengecualikan unsur yang memenuhi syarat tertentu. Sebagai contoh, pemilih :not(selector) akan mengecualikan elemen yang dipilih oleh pemilih.

13. Kelas pseudo sasaran: Kelas pseudo sasaran digunakan untuk memilih elemen dalam keadaan sasaran tertentu. Contohnya, pemilih :target akan memilih elemen sasaran yang sedang aktif (biasanya elemen yang mengikuti # dalam URL).

14. Kelas pseudo kotak input: Kelas pseudo kotak input digunakan untuk memilih elemen kotak input dalam keadaan input tertentu. Contohnya, :valid dan :invalid digunakan untuk memilih kotak input yang sah dan tidak sah.

15. Kelas pseudo berstruktur: Kelas pseudo berstruktur digunakan untuk memilih elemen berdasarkan struktur bersarangnya. Contohnya, :first-of-type dan :last-of-type digunakan untuk memilih elemen pertama dan terakhir daripada jenis yang sama.

16 Sasaran pseudo-class: Sasaran pseudo-class digunakan untuk menggayakan elemen tertentu dalam halaman apabila pengguna berinteraksi dengan halaman, seperti melayang, mengklik, dsb. Contohnya, :hover, :active, :visited, :link, :first-child, :last-child, :nth-child(n), :nth-last-child(n), :checked, :disabled, : enabled , :selected, :valid, :invalid dan sebagainya.

17. Kelas pseudo negatif: Kelas pseudo negatif digunakan untuk mengecualikan unsur yang memenuhi syarat tertentu. Sebagai contoh, :not(selector) digunakan untuk mengecualikan elemen yang dipilih oleh pemilih.

18 Sasaran pseudo-class: Sasaran pseudo-class digunakan untuk menggayakan elemen tertentu dalam halaman apabila pengguna berinteraksi dengan halaman, seperti melayang, mengklik, dsb. Contohnya, :target digunakan untuk memilih elemen sasaran yang sedang aktif (biasanya elemen selepas # dalam URL).

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