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

Атрибут атауы бойынша селектор тек көрсетілген атрибуты бар тег элементіне стиль береді.

Мысал

<input> тегіне, type атрибутымен, оған көк түсті фон берейік:

<p>
	<label>Мәтін енгізіңіз</label>
	<input>
</p>
<p>
	<label>Нөмір енгізіңіз</label>
	<input type="number">
</p>

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

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