Tajriba ishi №11 Mavzu: Selektorlar va qoidalar. Ishdan maqsad

Tajriba ishi №11

Mavzu: Selektorlar va qoidalar.

Ishdan maqsad: Selektorlar va qoidalarni o’rganish.

Amaliy tajriba ishini bajarishda zaruriy vositalar va axborot manbalari ta’minoti:

• 
  _{Har bir tinglovchi uchun ishchi stansiya ajratilgan kompyuter sinifi;}
  
• 
  _{Wi-FI tarmog’i;}
  
• 
  _{Mahalliy (local) hisoblash tarmog’i;}
  
• 
  _{O’rnatilgan Windows 7 operatsion tizim;}
  
• 
  _{Ma’ruza materiallari.}
  

Topshiriq:

1.Selektorlar bo’yicha ma’umotlarni o’rganib chiqing.

Shunday qilib, selektor - bu belgilangan uslub qoidasi qo'llaniladigan element yoki elementlar guruhining rasmiy tavsifi.

Oddiy selektor - bu tur selektori, sinf selektori yoki id selektori, so'ngra psevdo-klass selektorlari va atribut selektorlari (biz bu qisqacha tavsifda ikkinchisini eslatib o'tmaymiz).

Selektor - bu bo'shliqlar yoki ">" va "+" belgilari bilan ajratilgan oddiy tanlovchilar ketma-ketligi. Belgilangan ajratuvchilar quyidagi ma'noga ega.

• Selektorlar ketma-ketligidagi bo'shliq nasl selektoriga to'g'ri keladi.

• Selektorlar ketma-ketligidagi ">" belgisi "bolalar tanlovchisi" ga to'g'ri keladi.

• Selektorlar ketma-ketligidagi "+" belgisi opa-singil selektorga mos keladi.

Tanlovchilar vergul bilan ajratilgan (va ba'zi hollarda, ratsionallik uchun) kerak. Masalan, sarlavha belgilarining dastlabki uchta darajasining rangini ko'rsatuvchi bir xil reklamalarning ketma-ketligi:

h1 { color: navy; }

h2 { color: navy; }
h3 { color: navy; }

teng

h1, h2, h3 { color: navy; }

1. 
   Selektorlar qanday imkoniyatlari mavjud?
   

Avlod tanlovchilari

Element boshqasiga joylashtirilganligiga (ya'ni, uning avlodi) qarab, HTML elementiga ma'lum bir uslubni qo'llashingiz mumkin. Buning uchun elementlarning nomlari mo'ljallangan uyalash tartibida ro'yxatlangan va bo'shliqlar bilan ajratilgan.

Quyidagi misol selektorni tavsiflaydi, unga ko'ra 1-darajadagi sarlavhalar (element h1) faqat jadval hujayralari (td) ichida qizil rangda aks etadi. Bundan tashqari, HAMMA jadvallarning HAMMA katakchalari ichida (ichki jadvallar bo'lsa ham).

td h1 { color: red; }