Контексти селектор дар CSS

Контексти селектор, ки ҳамчун фармони фосилаи сафед (' ') ифода мешавад, имкон медиҳад барчаспҳое, ки дар волидайни додашуда ворид шудаанд, интихоб шаванд.

Синтаксис

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

Намуна

Биёед ба ҳамаи барчаспҳои p дар дохили барчаспҳои div муроҷиат кунем ва онҳоро ба ранги sурх ранг кунем:

<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;
}

Инчунин нигаред

Селектори фарзандӣ,
ки имкон медиҳад унсурҳоро тавассути воридшавии бевосита интихоб кунад
Селектори ҳамсояи наздик,
ки имкон медиҳад унсурро тавассути ҳамсояи он интихоб кунад
Селектори ҳамсояи умумӣ,
ки имкон медиҳад унсурҳоро пас аз унсури додашуда интихоб кунад
Селектори умумӣ,
ки имкон медиҳад ҳамаи унсурҳоро интихоб кунад