Mengapa hover ialah unsur pseudo

hover bukan elemen pseudo, tetapi kelas pseudo. Kelas pseudo digunakan untuk memilih keadaan atau tingkah laku tertentu unsur, manakala unsur pseudo digunakan untuk menambah gaya pada bahagian tertentu unsur. Kerana :hover digunakan untuk memilih keadaan tertentu elemen, dan bukannya menambah gaya pada bahagian tertentu elemen, anda boleh menggunakan :hover pseudo-class untuk menggayakan keadaan tetikus elemen, dan anda boleh menggunakan : hover pseudo-class untuk menambah kesan hover pada pautan Warna pautan, warna latar belakang, dsb. boleh berubah apabila tetikus melayang di atasnya.

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

hover ialah kelas pseudo dalam CSS, bukan elemen pseudo.

Dalam CSS, pseudo-class dan pseudo-elements ialah dua konsep yang berbeza. Kelas pseudo digunakan untuk memilih keadaan atau tingkah laku tertentu unsur, manakala unsur pseudo digunakan untuk menambah gaya pada bahagian tertentu unsur.

Pseudo-class digunakan untuk memilih elemen berdasarkan keadaan atau gelagatnya Contohnya: hover pseudo-class digunakan untuk memilih keadaan apabila tetikus melayang di atas elemen. Kelas pseudo biasa lain termasuk :aktif (keadaan apabila elemen yang dipilih diaktifkan), :fokus (keadaan apabila elemen yang dipilih menerima fokus), dsb.

Unsur pseudo digunakan untuk menambah gaya pada bahagian elemen tertentu. Unsur pseudo diwakili dengan menggunakan titik bertindih berganda (::) dalam pemilih. Elemen pseudo biasa termasuk ::sebelum (tambah kandungan sebelum kandungan elemen), ::selepas (tambah kandungan selepas kandungan elemen), dsb.

Jadi, hover dipanggil pseudo-class, bukan pseudo-element. Kerana :hover digunakan untuk memilih keadaan tertentu elemen, bukan untuk menambah gaya pada bahagian tertentu elemen.

Gunakan kelas pseudo :hover untuk menambah gaya pada keadaan unsur tetikus. Contohnya, anda boleh menambah kesan tuding pada pautan melalui kelas pseudo :hover Apabila tetikus melayang di atas pautan, warna pautan, warna latar belakang, dsb.

Berikut ialah contoh kod yang menunjukkan cara menambah kesan lekukan pada pautan menggunakan :hover pseudo-class:

a {
  color: blue;
  text-decoration: none;
}
a:hover {
  color: red;
  background-color: yellow;
}

Dalam kod di atas, apabila tetikus melayang di atas pautan, warna pautan akan berubah kepada merah, dan latar belakang Warna akan bertukar kepada kuning.

Untuk meringkaskan, hover ialah kelas pseudo dalam CSS, digunakan untuk memilih keadaan elemen leding tetikus. Kelas pseudo digunakan untuk memilih keadaan atau tingkah laku unsur, tidak seperti unsur pseudo, yang digunakan untuk menambah gaya pada bahagian tertentu unsur.

Atas ialah kandungan terperinci Mengapa hover ialah unsur pseudo. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!