Psevdosinflar va psevdoelementlar

Pseudo-sinflar va HTML sinflari

Pseudo-sinflar HTML sinflari bilan birlashtirilishi mumkin:

Misoldagi havola ustiga kursorni olib kelsangiz, u rangni o'zgartiradi:

Misol

a.highlight:hover {
  color: #ff0000;
}

Kursorni

ustiga olib boring

:hover

elementida psevdo-sinfdan foydalanishga misol :

Misol

div:hover {
  background-color: blue;
}

Oddiy ko'rsatgichni ko'chirish

elementini ko'rsatish uchun kursorni

elementi ustiga olib boring (masalan, asboblar maslahati):

elementini ko'rsatish uchun kursorni mening ustiga olib boring.

Tada! Men shu yerdaman!

Misol

p {
  display: none;
  background-color: yellow;
  padding: 20px;
}

div:hover p {

  display: block;
}

CSS - birinchi bola psevdo-sinfi

:first-childPsevdo-sinf boshqa element birinchi bola belgilangan elementi pas.