Атрибуттун мааниси боюнча селектор

Атрибуттун мааниси боюнча селектор элементтерди алардын белгилүү бир атрибутка же анын маанисине ээ экендигине жараша тандап, керектүү стилди колдонууга мүмкүндүк берет.

Мисал

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

<p>
	<label>Текст киргиз</label>
	<input type="text">
</p>
<p>
	<label>Сан киргиз</label>
	<input type="number">
</p>

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

Ошондой эле караңыз

атрибут селектору,
атрибуттун аты боюнча элементти издеген
атрибут селектору,
атрибуттун маанисинин башы боюнча элементти издеген
атрибут селектору,
атрибуттун маанисинин аягы боюнча элементти издеген
атрибут селектору,
атрибуттун маанисиндеги текст боюнча элементти издеген
атрибут селектору,
атрибуттун маанилеринин бири боюнча элементти издеген
атрибут селектору,
атрибуттун маанисиндеги дефис боюнча элементти издеген
Тууган селектор,
элементтерди түздөн-түз ичкиликке жараша тандап берген
Контекст селектору,
элементти анын ата-энеси боюнча тандап берген
Көршө селектор,
элементти анын көршөсү боюнча тандап берген
Уруу селектору,
элементтерди берилгенден кийинкилерден тандап берген
Универсалдык селектор,
бардык элементтерди тандап берген