Rumah >hujung hadapan web >tutorial css >Perbezaan antara kelas pseudo dan elemen pseudo dalam CSS

Perbezaan antara kelas pseudo dan elemen pseudo dalam CSS

PHPz
PHPzke hadapan
2023-08-27 09:33:02993semak imbas

Pseudo-class

Pseudo-class mewakili status pemilih, seperti :hover, :active, :last-child, dsb. Mereka bermula dengan kolon (:). Sintaks

CSS pseudo-class adalah seperti berikut -

:pseudo-class{
   attribute: /*value*/
}

Pseudo-element

Begitu juga, pseudo-elemen digunakan untuk memilih elemen maya, seperti ::after, ::before, ::first-line, etc .

Ini bermula dengan kolon berganda (::).

Sintaks unsur pseudo CSS adalah seperti berikut -

::pseudo-element{
   attribute: /*value*/
}

Contoh

Contoh berikut menggambarkan sifat kelas pseudo dan unsur pseudo CSS. Demonstrasi Secara Langsung

Atas ialah kandungan terperinci Perbezaan antara kelas pseudo dan elemen pseudo dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya:Tentukan viewportArtikel seterusnya:Tentukan viewport