HTML / CSS / JavaScript
July 27, 2019

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.