CSS-тегірші селекторы

Түйіс селекторы + жоғарығы көршісі бойынша элементті таңдауға мүмкіндік береді.

Синтаксис

селектор1 + селектор2 {
	
}

Барлық p тегтеріне, h2 тегтерінен кейін тікелей орналасқандарға, қарайық және оларды қызыл түске бояйық:

<h2>text</h2>
<p>
	+
</p>
<p>
	-
</p>
<p>
	-
</p>

h2 + p {
	color: red;
}

Барлық p тегтеріне, .test сыныбы бар элементтерден кейін тікелей орналасқандарға, қарайық және оларды қызыл түске бояйық:

<p class="test">
	text
</p>
<p>
	+
</p>
<p>
	-
</p>

.test + p {
	color: red;
}

.elem сыныбы бар барлық элементтерге, .test сыныбы бар элементтерден кейін тікелей орналасқандарға, қарайық және оларды қызыл түске бояйық:

<p class="test">
	text
</p>
<p class="elem">
	+
</p>
<p>
	-
</p>

.test + .elem {
	color: red;
}

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