HTML / CSS / JavaScript
July 22, 2019

Ta'sir etuvchi sinflar(Pseudo-classes)

Ta'sir etuvchi sinflar(psevdo sinf) - dizayner tomonidan tanlangan selektorlarga effektlar qo'shish uchun ishlatiladi.

Masalan, ular orqali:

  • Biror elementga sichqonchani ustiga bosganimizdagi stilni qo'shish;
  • Tashrif buyurilgan yoki tashrif buyurilmasdan oldingi stillarini farqlash;
  • Element fokuslanganda stil berish kabi holatlarda ishlatamiz.

Psevdo klasslar joylashuvi

Havolalar har xil yo'llarda ko'rinishi mumkin:


Psevdo klasslar va CSS klasslar

Psevdo klass va CSS klasslar birgalikda ishlatilishi ham mumkin.

Havolaga sichqonchani ovorsangiz u o'z rangini o'zgartiradi. Namuna, sichqoncha ovorilgandagi holati:


<div> da sichqoncha ovorilgandagi holat

:hover psevdo-klassini <div> elementida ishlatish uchun namuna:


Sodda Tooltip Hover

div elementi ustida sichqonchani olib borib p elementini podskazka sifatida ko'rsatish mumkin.


:first-child klasi

:first-child psevdo sinfi belgilangan element boshqa elementning birinchi child(bola) ekanligini solishtiradi.

Birinchi element <p> ga mos keladi:

p elementidagi barcha birinchi child i elementlarini solishtirish

ok


:lang psevdo klassi

:lang psevdo klassi turli xil tillar uchun maxsus qoidalarni belgilashga imkon beradi.

Sanjar Sobirjonov | TUTORIALS.UZ