Animal Trading cards

14. Selektorlar: Klass va ID selektorlari

1-savol
Aytaylik width:50% uslubini  klassiga ega elementlarga qo‘llamoqchimiz. Qaysi "CSS" qoidasi buni bajaradi?

Izoh:
Qachonki "CSS" selektori nuqta(.) bilan boshlansa, bilingki bu holda elementlarga klass selektori qo‘llanilmoqda.
2-savol
"Developer Tools"(Dasturchining ish asboblari) panelini oching va Wikipedianing ingliz tilidagi talqinini ko‘rib chiqing. Asosan, bo‘limlardagi "In the news" va "From today's featured article" kabi sarlavhalarini ko‘zdan kechiring. https://en.wikipedia.org/wiki/Main_Page
Quyidagi gaplardan qaysi biri to‘g‘ri? 

15. Selektorlarni birlashtirish

1-savol
h2 elementlarining ichidagi span elementlariga ushbu "CSS" kodlarining qaysi biri qo‘llaniladi?

Izoh:
h2 span selektori h2 elementi ichidagi har qanday span elementiga mos keladi, ya’ni shu elementni belgilaydi. Bu aynan biz hohlagan natija!
2-savol
Veb-sahifada selektor hech qanday qoidaga mos kelmasa, nima sodir bo‘ladi deb o‘ylaysiz? Misol uchun, bizda ul { color:blue;} kabi qoida mavjud bo‘lsada, lekin "HTML"da ul elementi umuman yoq bo‘lsa?

Izoh:
Ushbu qoida hech qanday o‘zgarishga olib kelmaydi. Veb-saytda bir hil "CSS" qoidalari barcha veb-sahifalarga qo‘llanilgan bo‘lishi odatiy holat hisoblanadi; va qaysidur sahifa qaysidir qoidani ishlatmasa, bu hech qanday muammoga olib kelmaydi!

17. Selektorlarni takrorlash

1-savol
Quyidagi-savolga javob berish uchun ushbu HTML hujjatdan foydalaning.

Izoh:
Ajoyib natija! Bu yerda klass selektori oldida "."(nuqta) va "ID" selektoridan oldin "#" kabi belgilarni qanday selektor ishlatilayotganligini bilishingiz uchun ko‘rishingiz mumkin.