Giyohvandlik qiymatida atribut selektori
Giyohvandlik qiymatida atribut selektori elementga uslub qo‘llaydi, uning atribut qiymatlari giyohvandlik bilan ajratilgan.
Misol
Keling, giyohvandlik bilan ajratilgan qiymatlarda text
mavjud bo‘lgan barcha elementlarni topamiz
va ularni qizil rangga bo‘yamiz:
<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>
p[class|="text"] {
color: red;
}
:
Shuningdek qarang
-
atribut selektori,
u elementni atribut nomi bo‘yicha qidiradi -
atribut selektori,
u elementni atribut qiymati bo‘yicha qidiradi -
atribut selektori,
u elementni atribut qiymatining boshlanishi bo‘yicha qidiradi -
atribut selektori,
u elementni atribut qiymatining oxiri bo‘yicha qidiradi -
atribut selektori,
u elementni atribut qiymatidagi matn bo‘yicha qidiradi -
atribut selektori,
u elementni atribut qiymatlaridan biri bo‘yicha qidiradi -
Farzand selektor,
u elementlarni bevosita ichki joylashuv bo‘yicha tanlash imkonini beradi -
Kontekst selektor,
u elementni uning ota-onasi bo‘yicha tanlash imkonini beradi -
Qo‘shni selektor,
u elementni uning qo‘shnisi bo‘yicha tanlash imkonini beradi -
Qarindosh selektor,
u berilgan elementdan keyingi elementlarni tanlash imkonini beradi -
Universal selektor,
u barcha elementlarni tanlash imkonini beradi