Гийименланган атрибут қиймати бўйича селектор
Гийименланган атрибут қиймати бўйича селектор атрибут қийматлари гийимен билан ажратилган элементга uslub қўллайди.
Мисол
Қийматлари гийимен билан ажратилган, ичида text
мавжуд бўлган барча элементларни топиш ва
уларни қизил рангга бўяймиз:
<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;
}
:
Ҳам қаранг
-
атрибут селектори,
элементни атрибут номи бўйича изловчи -
атрибут селектори,
элементни атрибут қиймати бўйича изловчи -
атрибут селектори,
элементни атрибут қиймати бошланғичи бўйича изловчи -
атрибут селектори,
элементни атрибут қиймати охири бўйича изловчи -
атрибут селектори,
элементни атрибут қийматидаги матн бўйича изловчи -
атрибут селектори,
элементни атрибутнинг бирорта қиймати бўйича изловчи -
Фарзанд селектори,
элементларни бевосита воҳилик бўйича танлаш имконини берувчи -
Контекстли селектор,
элементни унинг ота-онаси бўйича танлаш имконини берувчи -
Қўшни селектор,
элементни унинг қўшниси бўйича танлаш имконини берувчи -
Қариндош селектор,
берилган элементдан кейинги элементларни танлаш имконини берувчи -
Универсал селектор,
барча элементларни танлаш имконини берувчи