O’zbekiston Respublikasi Axborot Texnologiyalari va Кommunikatsiyalarini Rivojlantirish Vazirlig

elementini ko'rsatish uchun ustiga o'ting.

Misol

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

div:hover p {

  display: block;
}

O'zingiz sinab ko'ring »

CSS - Psevdo-sinfning birinchi farzandi

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

Birinchi

​​elementiga mos keling

Quyidagi misolda selektor har qanday elementning birinchi farzandi bo'lgan har qanday

elementiga mos keladi:

Misol

p:first-child {
  color: blue;
}

O'zingiz sinab ko'ring »

Barcha
elementlaridagi birinchi elementga mos keling

Quyidagi misolda selektor barcha
elementlaridagi birinchi elementga mos keladi:

Misol

p i:first-child {
  color: blue;
}

O'zingiz sinab ko'ring »

Birinchi

​​elementlar tarkibidagi barcha elementlarni moslashtiring

Quyidagi misolda selektor boshqa elementning birinchi farzandi bo'lgan

elementlaridagi barcha elementlarga mos keladi:

Misol

p:first-child i {
  color: blue;
}

O'zingiz sinab ko'ring »

CSS - The: lang Pseudo-class

:langPsevdo-sinf turli xil tillar uchun maxsus qoidalar aniqlash imkonini beradi.

Quyidagi misolda :lang elementlari uchun tirnoqlarni lang = "no" bilan belgilaydi:

Misol

Some text A quote in a paragraph Some text.

O'zingiz sinab ko'ring »

Ko'proq misollar

Gipermurojaatlarga turli xil uslublarni qo'shish
Ushbu misol boshqa havolalarga qanday qilib boshqa uslublarni qo'shishni namoyish etadi.

Fokusdan foydalanish:
ushbu misol: fokus soxta sinfidan qanday foydalanishni namoyish etadi.

Barcha CSS Pseudo sinflari