Атрибут матни бўйича селектор
Атрибут матни бўйича селектор теги атрибутининг қийматида аник матни ўз ичига олган элементга стил қўллайди.
Мисол
Атрибутларида test матнини ўз ичига олган
ҳаволалarni топишга ва уларнинг
рангини яшил қилишга ҳаракат қилайлик:
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[href*="test"] {
color: green;
}
:
Қуйидагиларни ҳам кўринг
-
атрибут селектори,
элементни атрибут номи бўйича изловчи -
атрибут селектори,
элементни атрибут қиймати бўйича изловчи -
атрибут селектори,
элементни атрибут қийматининг боши бўйича изловчи -
атрибут селектори,
элементни атрибут қийматининг охири бўйича изловчи -
атрибут селектори,
элементни атрибут қийматининг битта варианти бўйича изловчи -
атрибут селектори,
элементни атрибут қийматидаги дефис бўйича изловчи -
Фарзанд селектори,
элементларни бевосита ичкилик бўйича танлаш имконини берадиган -
Контекстли селектор,
элементни унинг ота-онаси бўйича танлаш имконини берадиган -
Қўшни селектор,
элементни унинг қўшниси бўйича танлаш имконини берадиган -
Қариндош селектор,
берилган элементдан кейинги элементларни танлаш имконини берадиган -
Универсал селектор,
барча элементларни танлаш имконини берадиган
