Defis ilə Atribut Selektoru
Defis ilə atribut selektoru, atributunun dəyərləri defis ilə ayrılmış elementlərə stil tətbiq edir.
Nümunə
Gəlin, dəyərləri defis ilə ayrılmış və içində text olan
bütün elementləri tapaq və onları qırmızı rəngə boyayaq:
<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;
}
:
Həmçinin bax
-
atribut selektoru,
elementi atributun adına görə axtarır -
atribut selektoru,
elementi atributun dəyərinə görə axtarır -
atribut selektoru,
elementi atribut dəyərinin başlanğıcına görə axtarır -
atribut selektoru,
elementi atribut dəyərinin sonuna görə axtarır -
atribut selektoru,
elementi atribut dəyərindəki mətnə görə axtarır -
atribut selektoru,
elementi atributun dəyərlərindən birinə görə axtarır -
Uşaq selektoru,
elementləri birbaşa iç-içəliyə görə seçməyə imkan verir -
Kontekst selektoru,
elementi onun valideyninə görə seçməyə imkan verir -
Qonşu selektor,
elementi onun qonşusuna görə seçməyə imkan verir -
Qohum selektor,
verilmiş elementdən sonrakı elementləri seçməyə imkan verir -
Universal selektor,
bütün elementləri seçməyə imkan verir
