Apakah pemilih kelas pseudo?

Pemilih kelas pseudo termasuk:tuding, :aktif, :fokus, :dilawati, :pautan, :anak pertama, :anak terakhir, :anak-anak(n), :anak-terakhir(n), :nth-of-type(n), :nth-last-of-type(n), :not(selector), :kosong, :checked, :disabled, dsb.

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

Pemilih kelas pseudo ialah pemilih berkuasa dalam CSS, digunakan untuk memilih keadaan atau keadaan elemen tertentu. Pemilih kelas pseudo bermula dengan titik bertindih (:) dan digunakan untuk memilih keadaan elemen yang berbeza, seperti tuding tetikus, pautan yang dilawati, kedudukan elemen, dsb. Berikut ialah pemilih kelas pseudo biasa dalam CSS:

1 :hover: Pilih keadaan apabila tetikus melayang di atas elemen. Gaya tertentu boleh digunakan pada elemen apabila penunjuk tetikus melayang di atasnya.

2 :aktif: Pilih keadaan di mana elemen diaktifkan atau ditekan. Gaya tertentu boleh digunakan pada elemen apabila pengguna mengklik atau menekan butang tetikus.

3 :focus: Pilih elemen yang sedang menerima fokus. Gaya khusus boleh digunakan pada elemen apabila ia dipilih atau mempunyai fokus.

4 :dilawati: Pilih pautan yang dilawati. Apabila pengguna telah melawat pautan, anda boleh menggunakan gaya tertentu pada pautan.

5 :pautan: Pilih pautan yang belum dilawati. Sepadan dengan :visited pseudo-class, digunakan untuk memilih pautan yang tidak dilawati.

6 :first-child: Pilih elemen anak pertama bagi elemen tersebut. Gaya khusus boleh digunakan pada elemen apabila ia merupakan anak pertama unsur induknya.

7 :last-child: Pilih elemen anak terakhir bagi elemen tersebut. Gaya tertentu boleh digunakan pada elemen apabila ia adalah anak terakhir ibu bapanya.

8 :nth-child(n): Pilih elemen anak ke-n bagi elemen tersebut. Gaya tertentu boleh digunakan pada elemen apabila ia merupakan anak ke-1 induknya. Di mana n boleh menjadi nombor tertentu, kata kunci (seperti genap, ganjil) atau ungkapan (seperti 2n, 3n+1).

9 :nth-last-child(n): Pilih elemen anak ke-n daripada elemen terakhir. Gaya tertentu boleh digunakan pada elemen apabila ia adalah anak ke-n dari bahagian bawah induknya.

10. :nth-of-type(n): Pilih elemen ke-n antara elemen yang sama jenis. Gaya tertentu boleh digunakan pada elemen apabila ia adalah unsur ke-n jenisnya.

11 :nth-last-of-type(n): Pilih elemen ke-n daripada yang terakhir antara unsur-unsur jenis yang sama. Anda boleh menggunakan gaya tertentu pada elemen apabila ia adalah elemen ke-n daripada jenisnya yang terakhir.

12 :not(selector): Pilih elemen yang tidak sepadan dengan pemilih tertentu. Anda boleh menggunakan pemilih pseudo ini untuk mengecualikan elemen tertentu dan memilih elemen lain untuk menggunakan gaya.

13 :kosong: Pilih elemen tanpa elemen kanak-kanak. Gaya khusus boleh digunakan pada elemen apabila ia tidak mempunyai sebarang elemen anak.

14 :checked: Pilih elemen borang yang dipilih. Digunakan pada elemen bentuk seperti kotak semak, butang radio dan senarai juntai bawah.

15 :disabled: Pilih elemen borang yang dilumpuhkan. Apabila elemen borang dilumpuhkan, gaya tertentu boleh digunakan pada elemen tersebut.

Yang di atas ialah pemilih kelas pseudo biasa dalam CSS Mereka boleh memilih dan menggayakan elemen dalam halaman web berdasarkan keadaan atau keadaan elemen. Dengan menggunakan pemilih kelas pseudo ini secara rasional, kami boleh mencapai kesan yang kaya dan pelbagai serta meningkatkan pengalaman pengguna dan kebolehbacaan halaman.

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