CSS'te Bağlamsal Seçici

Bağlamsal seçici, bir boşluk (' ') komutu olarak temsil edilir ve belirli bir ebeveynin içine yerleştirilmiş etiketleri seçmeye olanak tanır

Sözdizimi

seçici1 seçici2 {
	
}

div etiketlerinin içindeki tüm p etiketlerine hitap edelim ve onları kırmızı renge boyayalım:

<div>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

div p {
	color: red;
}

#elem kimliğine sahip öğenin içindeki tüm p etiketlerine hitap edelim ve onları kırmızı renge boyayalım:

<div id="elem">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

#elem p {
	color: red;
}

.block sınıfına sahip öğelerin içindeki tüm p etiketlerine hitap edelim ve onları kırmızı renge boyayalım:

<div class="block">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

.block p {
	color: red;
}

div etiketlerinin içinde bulunan p etiketlerinin içindeki tüm b etiketlerine hitap edelim ve onları kırmızı renge boyayalım:

<div>
	<p>
		text <b>+</b>
	</p>
</div>

div p b {
	color: red;
}

Alt Seçici,
öğeleri doğrudan iç içe geçmişliğe göre seçmeye olanak tanır
Bitişik Kardeş Seçici,
bir öğeyi komşusuna göre seçmeye olanak tanır
Genel Kardeş Seçici,
belirli bir öğeden sonra gelen öğeleri seçmeye olanak tanır
Evrensel Seçici,
tüm öğeleri seçmeye olanak tanır