Что такое Выборка по атрибуту в CSS3?
Этот селектор выберет лишь те элементы, у которых какой-либо атрибут будет равен заданному значению. К примеру, выбрать все input, у которых есть атрибут type="text".
Стоит знать: можно применять выборку по атрибуту без указания тега или же другого селектора в начале. В таком случае стили будут применены ко всем элементам, которые будут соответствовать атрибуту и его значению.
Также можно выбирать элементы по атрибуту, без учета их значения. Например:
Также можно выбирать элементы по атрибуту, без учета их значения. Например:
div[data-title] {};
В этом случае будет применяться стиль ко всем тегам div, у которых есть атрибут data-title. При этом не важно какое его значение.Пример селектора:
a[target="_blank"]::after {
content: ' ->';
color: #ccc051;
}
HTML код:
<a href="#" target="_blank">Target Black</a>
<br>
<a href="#">Обычная ссылка</a>
Комментарии