Селектор атрибута по тексту
Селектор атрибута по тексту применяет стиль к элементу, у которого значение атрибута тега содержит определенный текст.
Пример
Давайте найдем ссылки, содержащие в атрибутах
test, и перекрасим их
в зеленый цвет:
<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;
}
:
Смотрите также
-
селектор атрибута,
который ищет элемент по имени атрибута -
селектор атрибута,
который ищет элемент по значению атрибута -
селектор атрибута,
который ищет элемент по началу значения атрибута -
селектор атрибута,
который ищет элемент по концу значения атрибута -
селектор атрибута,
который ищет элемент по одному из значений атрибута -
селектор атрибута,
который ищет элемент по дефису в значении атрибута -
Дочерний селектор,
который позволяет выбрать элементы по непосредственной вложенности -
Контекстный селектор,
который позволяет выбрать элемент по его родителю -
Соседний селектор,
который позволяет выбрать элемент по его соседу -
Родственный селектор,
который позволяет выбрать элементы после заданного -
Универсальный селектор,
который позволяет выбрать все элементы