Мәніндегі сызықша бойынша сипаттамалық селектор

Мәніндегі сызықша бойынша сипаттамалық селектор сипаттамасының мәндері сызықшамен бөлінген элементке стильді қолданады.

Мысал

Барлық элементтерді табайық, олардың сызықшамен бөлінген мәндерінде text бар және оларды қызыл түске бояйық:

<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>

p[class|="text"] {
	color: red;
}

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

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