Psevdosinflar va psevdoelementlar

Pseudo-klasslar nima?

Pseudo-klass elementning maxsus holatini aniqlash uchun ishlatiladi.

Masalan, u quyidagilar uchun ishlatilishi mumkin:

• 
  Foydalanuvchi sichqonchani bosganda, elementga uslub bering
  
• 
  Uslub tashrif buyurilgan va tashrif buyurilmagan havolalar boshqacha
  
• 
  Element diqqat markazida bo'lganda unga uslub bering
  

Sintaksis

Psevdosinflar sintaksisi:

selector:pseudo-class {

  property: value;
}

Anchor psevdo-sinflari

Havolalar turli yo'llar bilan ko'rsatilishi mumkin:

Misol

/* unvisited link */
a:link {
  color: #FF0000;
}

/* visited link */

a:visited {
  color: #00FF00;
}

/* mouse over link */

a:hover {
  color: #FF00FF;
}

/* selected link */

a:active {
  color: #0000FF;
}

O'zingiz sinab ko'ring »

Eslatma: Samarali bo'lishi uchun CSS ta'rifidan a:hoverkeyin a:linkva keyin a:visitedkelishi kerak! Samarali bo'lishi uchun CSS ta'rifidan a:activekeyin a:hoverkelishi kerak! Pseudo-sinf nomlari katta-kichik harflarga sezgir emas.