Apakah kelas pseudo dalam html

Dalam HTML, pseudo-class ialah pemilih yang digunakan untuk menambah gaya yang sepadan pada elemen sedia ada apabila ia berada dalam keadaan tertentu (meluncur, mengklik, dsb.), dan keadaan ini berubah secara dinamik berdasarkan tingkah laku pengguna . Kelas pseudo yang biasa digunakan termasuk ":active", ":hover", ":link", ":root", ":valid", dsb.

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

Pseudo-class: digunakan untuk menambah gaya yang sepadan pada elemen sedia ada apabila ia berada dalam keadaan tertentu (meluncur, mengklik, dsb.) Keadaan ini berubah secara dinamik berdasarkan gelagat pengguna.

Pemahaman saya ialah: ia tidak wujud dengan sendirinya Ia adalah keadaan yang hanya akan dicetuskan dalam keadaan tertentu (meluncur, mengklik Anda boleh menggunakan CSS untuk mengubah suai objek dalam keadaan ini).

Contohnya: apabila pengguna menuding pada elemen tertentu, anda boleh menggunakan :hover untuk menerangkan keadaan elemen ini Walaupun ia serupa dengan CSS umum dan boleh menambah gaya pada elemen sedia ada, ia hanya boleh dalam pokok DOM. Gaya boleh ditambah kepada elemen hanya dalam keadaan yang diterangkan, jadi ia dipanggil kelas pseudo.

Kelas pseudo yang biasa digunakan ialah:

• :aktif memilih elemen yang sedang diaktifkan (berpadanan dengan keadaan yang ditentukan)

• :legar memilih elemen yang dilegar oleh tetikus (padanan dengan keadaan yang ditentukan)

• :pautan memilih elemen yang belum dilawati (padan dengan keadaan yang ditentukan )

• :dilawati Memilih elemen yang telah dilawati (padanan dengan status yang ditentukan)

• :anak pertama Memilih elemen yang merupakan elemen anak pertama bagi elemen induknya

• :lang(value) memilih elemen dengan atribut lang yang ditentukan

• :focus memilih elemen dengan input papan kekunci fokus

• :dayakan memilih setiap elemen yang didayakan

• :dayakan memilih setiap elemen yang dilumpuhkan

• : ditanda Pilih setiap elemen yang dipilih

• :sasaran Pilih elemen utama semasa

• :jenis pertama Pilih jika ia adalah induknya Elemen itu ialah elemen anak pertama bagi jenis tertentu

• :jenis terakhir memilih elemen yang merupakan elemen anak terakhir jenis tertentu unsur induknya

• :only-of-type memilih elemen yang merupakan satu-satunya elemen anak bagi jenis tertentu elemen induknya

• :nth-of-type(n ) memilih elemen yang memuaskan Elemen

• :nth-last-of-type(n) memilih elemen anak ke-n bagi jenis tertentu iaitu elemen anak ke-n bagi elemen induknya . Elemen

• :anak tunggal memilih elemen yang merupakan satu-satunya elemen anak bagi elemen induknya

• :anak terakhir memilih elemen yang memuaskan ialah Elemen elemen terakhir elemen induknya

• :nth-child(n) memilih elemen yang merupakan elemen anak ke-n bagi elemen induknya

• :nth-last-child(n) memilih elemen yang merupakan elemen anak ke-n daripada bahagian bawah induknya

• :empty memilih elemen yang tidak mempunyai elemen anak

• :dalam julat memilih elemen yang nilainya berada dalam julat yang ditentukan

• :luar julat memilih elemen yang nilainya tidak berada dalam julat yang ditentukan

• :tidak sah memilih elemen yang nilainya tidak sah

• :valid memilih elemen yang nilai adalah sah

• :bukan(pemilih) Pilih elemen yang tidak memuaskan pemilih

• :pilihan Pilih elemen borang yang menjadi pilihan , iaitu, tiada atribut "diperlukan"

• :baca-sahaja Pilih elemen borang dengan "baca sahaja"

• :baca-tulis Pilih elemen borang tanpa "baca sahaja"

• :root memilih elemen akar

Cadangan berkaitan: "tutorial video html "

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