Атрибут мәні бойынша селектор

Атрибут мәні бойынша селектор элементтерді олардың белгілі бір атрибутының болуы немесе мәні бойынша таңдауға және оларға қажетті стильді қолдануға мумкіндік береді.

Мысал

input тегіне жүгінейік, оның type атрибутының мәні text тең болсын, және оған көк фон түсі берейік:

<p>
	<label>Мәнді енгізіңіз</label>
	<input type="text">
</p>
<p>
	<label>Санды енгізіңіз</label>
	<input type="number">
</p>

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

Сондай-ақ қараңыз

атрибут селекторы,
элементті атрибут аты бойынша іздейтін
атрибут селекторы,
элементті атрибут мәнінің басы бойынша іздейтін
атрибут селекторы,
элементті атрибут мәнінің соңы бойынша іздейтін
атрибут селекторы,
элементті атрибут мәніндегі мәтін бойынша іздейтін
атрибут селекторы,
элементті атрибут мәнінің бірі бойынша іздейтін
атрибут селекторы,
элементті атрибут мәніндегі дефис бойынша іздейтін
Балалық селектор,
элементтерді тікелей ішкілік бойынша таңдауға мүмкіндік беретін
Контексттік селектор,
элементті оның атасы бойынша таңдауға мүмкіндік беретін
Көршілес селектор,
элементті оның көршісі бойынша таңдауға мүмкіндік беретін
Қарымдас селектор,
берілгеннен кейінгі элементтерді таңдауға мүмкіндік беретін
Әмбебап селектор,
барлық элементтерді таңдауға мүмкіндік беретін