/ Справочники / 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>