Ta'sir etuvchi elementlar(psevdo-elementlar)

CSS psevdo-elementi elementning belgilangan qismlarini stillash uchun ishlatiladi.

Masalan, u quyidagilar uchun ishlatilishi mumkin:

Elementning birinchi harfini yoki satrini stillash
Kontentni element kontentidan oldin yoki keyin kontentni qo'yish

Sintaksis:

selektor::psevdo-element {
 xossa: qiymat;}

::first-line psevdo-elementi

::first-line bu matnning birinchi qatoriga alohida stil berish uchun ishlatiladi.

::first-line psevdo-elementi faqat blok-elementlar uchun ishlatilishi mumkin.

Quyidagi xossalar ::first-line psevdo-elementi uchun qo'llanadi:

font xossalari
color xossalari
background xossalari
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear

::first-letter psevdo-elementi

::first-line bu matnning birinchi harfiga alohida stil berish uchun ishlatiladi.

Quyidagi xossalar ::first-letter psevdo-elementi uchun qo'llanadi:

font xossalari
color xossalari
background xossalari
word-spacing
letter-spacing
text-decoration
vertical-align(faqat float:none bo'lsa)
text-transform
line-height
clear

Psevdo-elementlar va css klasslar

Psevdo-elementlar va css klasslar birgalikda ishlatilishi ham mumkin.

Yuqoridagi kod intro nomli klass paragrafning birinch harfi qizil rangda va katta o'lchamda ko'rinadi.

Ko'p psevdo-elementlar

Bir qancha psevdo-elementlar birgalikda ishlatilishi mumkin. Ushbu quyidagi namunani ko'rishingiz mumkin:

::before psevdo-elementi

Bu psevdo-element, element kontentining oldidan qanaqadir kontent qo'yish uchun ishlatiladi.

::after psevdo-elementi

Bu psevdo-element, element kontentining orqqanaqadir kontent qo'yish uchun ishlatiladi.

::selection psevdo-elementi

Bu psevdo-elementi foydalanuvchi tanlagan elementning bir qismini qanday stilda ko'rinishini ifodalaydi. ::selection color, background, cursor va outline xossalarini qabul qiladi. Quyida xohlagan tanlangan element kontenti matn rangi qizil, orqa foni sariq.