Apakah kelas pseudo dalam css

kelas pseudo css: ":aktif", ":any-link", ":blank", ":checked", ":current", ":first", ":first-child", " :future", ":focus", ":has()", ":host", dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3, komputer Dell G3.

Pemilih kelas pseudo (dirujuk sebagai: kelas pseudo) ditakrifkan oleh titik bertindih, yang mentakrifkan keadaan elemen, seperti klik ditekan, klik selesai, dsb. Kelas pseudo boleh digunakan untuk mengubah suai gaya keadaan elemen. Kelas pseudo CSS digunakan untuk menambah beberapa kesan khas kepada pemilih.

Senarai kelas pseudo dalam css

:aktif	:sebarang pautan	:kosong	:ditandai	:semasa	: lalai
:ditentukan	:dir()	:dilumpuhkan	:jatuhkan	:kosong	:didayakan
:pertama	:anak pertama	:jenis pertama	:skrin penuh	:masa hadapan	:fokus
:fokus-kelihatan	:fokus-dalam	:has()	:host	:host()	:host-context()
:tuding	:tak tentu	:dalam julat:tidak sah	:is()	:lang()	:terakhir -kanak-kanak
:jenis-terakhir	:kiri	:pautan	:pautan-tempatan	:not()	:nth-child()
:nth-col()	:nth-last-child()	:nth-last-col()	:nth-last-of-type()	:nth-of-type()	:anak tunggal
:hanya-dari-jenis	:pilihan	:luar-julat	:lalu	:ditunjukkan pemegang tempat	:baca sahaja
:baca-tulis	:diperlukan	:kanan	:root	:skop	:sasaran
:sasaran-dalam	:pengguna-tidak sah	:sah	:dilawati	:di mana()

Biasa digunakan Kelas pseudo dan klasifikasinya

1.

• E:link

• E:visited

• E:active

• E:hover

• E:focus

2

digunakan untuk memadankan elemen sasaran pengecam dalam URI halaman.

Memilih semua elemen yang sepadan dengan E dan elemen padanan ditunjuk oleh URL yang berkaitan.

E:target

3. Pemilih kelas pseudo bahasa

digunakan untuk memadankan elemen menggunakan bahasa yang ditentukan.

4. Pemilih kelas pseudo status elemen E:lang(language)

Ia hanya berfungsi apabila elemen berada dalam keadaan tertentu Secara lalai tidak bekerja di negeri ini.

• E:checkedcth:

input[type="checkbox"]:checked{}

• E:enabledcth:

input[type="text"]:checked{}

• E:disabledcth:

5. Pemilih kelas pseudo struktur

input[type="text"]:disabled{}

Yang ini lebih biasa dan digunakan lebih kerap.

• :nth-child

• :nth-last-child

• :nth-of-type

• :nth-last-of-type

• :first-child

• :last-child

• :only-child

• :first-of-type

• :last-of-type

• :only-of-type Memadankan semua elemen akar dokumen

• :root Memilih elemen yang tidak mempunyai unsur anak dan tidak mengandungi nod

• :empty6. Pemilih kelas pseudo negatif

sepadan dengan semua elemen E kecuali F

• (Mempelajari perkongsian video: E:not(F)tutorial video css

  )

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