CSS-da selektor
CSS-dagi selektor - bu ko'rsatgich uslub qoidalari qo'llaniladigan element yoki
elementlar guruhida. Selektorlarning quyidagi turlari mavjud:
1. Teg selektorlari:h1
2. Identifikator bo'yicha tanlash: #asosiy
3. Sinf bo‘yicha selektorlar: .yashirin
4. Bir nechta sinf selektori
Ular bo'sh joysiz birga yoziladi. Bir vaqtning o'zida bir nechta shartlarni qondiradigan selektorlar (mantiqiy "VA"). Uslublar bir vaqtning o'zida .hidden sinfiga ham, .closed sinfiga ham ega bo'lgan barcha elementlarga qo'llaniladi.
Yashirin.yopiq
5. Kontekstli selektorlar
Bo'shliq bilan ajratilgan. Bunday selektorlar elementga faqat shunday bo'lsagina uslublarni qo'llash uchun ishlatiladi o'rnatilgan kerakli elementga.
P kuchli ul .tanlangan .sarlavha .menyu a
6. Qo‘shni selektorlar
Keyingi elementni tanlaydi. Ular + belgisi bilan yoziladi. Quyidagi kabi o'qiydi: bo'lishi kerak bo'lgan selektor2 ga xususiyatlarni qo'llang keyin darhol selektor1.
Uslublar selektor2 ga mos keladigan elementga faqat undan oldin mos keladigan selektor1 bo'lsagina qo'llaniladi.
... .green + .selected()
Misolda, .green + .selected ikkinchi elementga uslublarni qo'llaydi, chunki oldida .green sinfi bo'lgan element mavjud. .green + li selektori ikkinchi elementni ham uslublaydi, lekin .selected + .green selektori ishlamaydi.
7. Tegishli selektorlar
Keyingi elementlarni tanlaydi. Avvalgisiga o'xshash, ammo farqi bilan quyidagi elementlarning barchasi tanlangan, nafaqat birinchi element.
Tanlangan ham
Tanlanmagan... ul~p()
Bu misolda ul dan keyingi barcha p elementlar tanlanadi. Ul + p selektoridan foydalanganda faqat birinchi element tanlanadi.
8. Bolalar tanlovchilari
Ular > belgisi yordamida yoziladi va faqat birinchi darajali joylashtirish elementlariga taalluqlidir. Boshqa elementlar ichida joylashgan elementlarga ta'sir qilmaydi.
Ul > li ( }
Kontekst selektorlari holatida ular barcha avlodlarga ta'sir qiladi (masalan, agar siz ul li ni o'rnatsangiz), bu har doim ham qulay emas. Child selektorlari faqat birinchi darajali joylashtirish elementlari uchun uslublarni o'rnatishga imkon beradi.
ul > li ul li bilan bir xil degan ma'noni anglatadi, lekin faqat ul ichida to'g'ridan-to'g'ri joylashtirilgan birinchi uyalar darajasi lis tanlanadi. Boshqa kichik li elementlarga o'rnatilgan bo'lsa, qoidalar endi qo'llanilmaydi.
Do'stlaringiz bilan baham: |
