Селектор по стойност на атрибут

Селекторът по стойност на атрибут позволява да се изберат елементи по наличието на определен атрибут или неговата стойност и да се приложи желания стил към тях.

Пример

Нека се обърнем към тага input, чиято стойност на атрибута type е равна на text, и да му зададем светлосин цвят на фона:

<p>
	<label>Въведете текст</label>
	<input type="text">
</p>
<p>
	<label>Въведете число</label>
	<input type="number">
</p>

input[type="text"] {
	background-color: #C2DDFD;
}

Вижте също

селектор атрибут,
който търси елемент по име на атрибут
селектор атрибут,
който търси елемент по начало на стойността на атрибута
селектор атрибут,
който търси елемент по край на стойността на атрибута
селектор атрибут,
който търси елемент по текст в стойността на атрибута
селектор атрибут,
който търси елемент по една от стойностите на атрибута
селектор атрибут,
който търси елемент по тире в стойността на атрибута
Дъщерен селектор,
който позволява избор на елементи по непосредствена влагане
Контекстен селектор,
който позволява избор на елемент по неговия родител
Съседен селектор,
който позволява избор на елемент по негов съсед
Сроден селектор,
който позволява избор на елементи след зададен
Универсален селектор,
който позволява избор на всички елементи