Apakah pemilih kelas pseudo biasa?

Pemilih kelas pseudo yang biasa termasuk:hover, :active, :focus, :first-child, :last-child, :nth-child(n), :nth-of-type(n) dan :not(selector ) tunggu. Pengenalan terperinci: 1. :hover, ini adalah salah satu pemilih kelas pseudo yang paling biasa, digunakan untuk memilih keadaan apabila tetikus melayang di atas elemen Melalui pemilih :hover, anda boleh menggunakan sifat tertentu apabila tetikus melayang atas gaya, seperti menukar warna latar belakang, dsb.

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

Dalam CSS, pemilih kelas pseudo ialah cara untuk memilih keadaan atau kedudukan tertentu sesuatu elemen. Ia membenarkan kami menggunakan gaya berdasarkan keadaan khusus unsur, bukannya berdasarkan struktur atau sifat unsur tersebut. Pemilih kelas pseudo sangat berguna dalam reka bentuk web dan boleh membantu kami mencapai beberapa kesan dan interaksi tertentu.

Berikut ialah beberapa pemilih kelas pseudo biasa:

1 :hover: Ini adalah salah satu pemilih kelas pseudo yang paling biasa dan digunakan untuk memilih keadaan apabila tetikus melayang di atas elemen. Dengan pemilih :hover, kita boleh menggunakan gaya tertentu apabila tetikus melayang di atas elemen, seperti menukar warna latar belakang atau menambah kesan bayang-bayang.

2 :active: Pemilih kelas pseudo ini digunakan untuk memilih keadaan apabila elemen diaktifkan atau diklik. Secara umumnya, apabila pengguna mengklik pada elemen, ia serta-merta menjadi aktif sehingga pengguna melepaskan butang tetikus. Melalui pemilih :aktif, kita boleh menggunakan gaya pada elemen apabila diklik, seperti menukar warna teks atau menambah kesan animasi.

3 :focus: Pemilih kelas pseudo ini digunakan untuk memilih elemen yang sedang menerima fokus. Apabila pengguna menaip dalam kotak input boleh diedit atau kawasan teks, elemen menerima fokus. Dengan pemilih :fokus, kita boleh menggunakan gaya pada elemen fokus, seperti menukar warna jidar atau menambah kesan khas.

4 :first-child: Pemilih kelas pseudo ini digunakan untuk memilih elemen anak pertama bagi elemen induk. Dengan pemilih :first-child, kita boleh menggunakan gaya pada elemen anak pertama, seperti menukar saiz fon atau menambah jidar tertentu.

5 :last-child: Pemilih kelas pseudo ini digunakan untuk memilih elemen anak terakhir bagi elemen induk. Dengan pemilih :last-child, kita boleh menggunakan gaya pada elemen anak terakhir, seperti menukar warna latar belakang atau menambah jidar tertentu.

6. :nth-child(n): Pemilih kelas pseudo ini digunakan untuk memilih elemen anak ke-n bagi elemen induk. Melalui pemilih :nth-child(n), kita boleh menggunakan gaya pada elemen kanak-kanak pada kedudukan tertentu, seperti menukar warna teks atau menambah kesan animasi. Di mana n boleh menjadi nombor tertentu, atau kata kunci ganjil (nombor ganjil) atau genap (nombor genap).

7. :nth-of-type(n): Pemilih kelas pseudo ini digunakan untuk memilih elemen anak ke-nth jenis tertentu dalam elemen induk. Melalui pemilih :nth-of-type(n), kita boleh menggunakan gaya pada elemen kanak-kanak jenis tertentu, seperti menukar saiz fon atau menambah jidar tertentu.

8 :not(selector): Pemilih kelas pseudo ini digunakan untuk memilih elemen yang tidak sepadan dengan pemilih tertentu. Dengan pemilih :not, kita boleh mengecualikan elemen tertentu dan kemudian menggunakan gaya pada elemen lain, seperti menyembunyikan elemen tertentu atau menukar warna latar belakangnya.

Ini ialah beberapa pemilih kelas pseudo biasa yang membantu kami menggunakan gaya berdasarkan keadaan atau kedudukan elemen. Memahami dan mahir menggunakan pemilih kelas pseudo ini akan memberi kita kawalan yang lebih besar ke atas penampilan dan interaksi halaman web.

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