CSS selector a[href$=".pdf"]


Селектор [attribute$=value потрібен для вибірки елементів у яких значення визначеного атрибута закінчується вказаним рядком.

автор: NagarD

Синтаксис

attribute $= value {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
attribute-value-end 4.0 3.5 3.2 9.6 7.0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

Селектор $= дивиться на кінець значення: "mytest" закінчується на "test", а "tester" — ні.

HTML

<div class="mytest">class="mytest" — жовтий: закінчується на "test"</div>
<div class="tester">class="tester" — без змін</div>

CSS

div[class$="test"] {
    background: #ffff00;
}
автор: NagarD

Без імені тега $= працює для будь-якого елемента, чий class закінчується на "test".

HTML

<p class="unit-test">p із class="unit-test" — жовтий</p>
<div class="testing">class="testing" — без змін</div>

CSS

[class$="test"] {
    background: #ffff00;
}
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід