CSSтеги контексттук селектору

Контексттук селектор, ал эми команда боштук (' ') болуп саналат, ал тегдерди тандап алууга мүмкүндүк берет, белгилүү ата-энеге киргизилген тегдерди

Синтаксис

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

Келгиле, бардык p тегдерине кайрылалы div тегдеринин ичинде жана аларды кызыл түскө боёйлу түс:

<div>
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>

div p {
	color: red;
}

Келгиле, бардык p тегдерине кайрылалы #elem элементинин ичинде жана боёйлу аларды кызыл түскө:

<div id="elem">
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>

#elem p {
	color: red;
}

Келгиле, бардык p тегдерине кайрылалы .block классы бар элементтердин ичинде жана аларды кызыл түскө боёйлу:

<div class="block">
	<p>
		текст
	</p>
	<p>
		текст
	</p>
</div>

.block p {
	color: red;
}

Келгиле, бардык b тегдерине кайрылалы p тегдеринин ичинде, ал эми div тегдеринин ичинде жаткан жана аларды кызыл түскө боёйлу:

<div>
	<p>
		текст <b>+</b>
	</p>
</div>

div p b {
	color: red;
}

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