Psevdosinflar va psevdoelementlar

Psevdosinflar va psevdoelementlar

CSS selektorlarining yuqoridagi tasnifi faqat hujjatning belgilanishiga bog'liq edi. Agar biz o'zgartirishni so'ramoqchi bo'lsak ko'rinish sahifadagi holatining o'zgarishiga qarab elementlar (masalan, kursor ustidagi tugma rangini o'zgartirish), keyin biz psevdosinflar va psevdoelementlar selektorlaridan foydalanishimiz mumkin.

• 
  Esda tutingki, html-dan farqli o'laroq, CSS katta-kichik harflarga sezgir emas. Ya'ni, .active va .active sinflari bir xil narsa emas! Ular hujjatning turli elementlariga, agar mavjud bo'lsa, qo'llaniladi.
  
• 
  Dizayn uchun selektorlarni keyinroq adashib qolmaslik uchun nomlang: .leftColumn - yaxshi nom, .chap - vaziyatga bog'liq, lekin unchalik emas, .llll - bu qandaydir axlat, buni o'zingiz aytishingiz mumkin. kodga qaramasdan, bu sinf qaerdan kelgan?
  
• 
  Yana bir bor eslatib o'taman - agar sahifada faqat bitta element bo'lsa, barchasi noyob bo'lsa, biz buning uchun identifikatordan foydalanamiz, lekin sahifada bir xil elementlardan boshqasi yoki bir nechta o'xshash elementlar mavjud bo'lsa. , keyin dizayn uchun sinflardan foydalaning.