Ժառանգական ընտրիչները և դասերը CSS-ում

Ենթադրենք ունենք հետևյալ կոդը՝

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

Եկեք ընտրենք բոլոր h2 վերնագրերը և պարբերությունները, որոնք գտնվում են block դասով տարրի ներսում, և ներկենք դրանք տարբեր գույներով։ Դրա համար կօգտագործենք Ժառանգական ընտրիչը (որը բացատ է ընտրիչների միջև)։

.block h2 {
	color: red;
}
.block p {
	color: green;
}

Տրված է հետևյալ կոդը՝

<p class="eee">
	text <i>italic</i>
</p>
<p class="eee">
	text <i>italic</i>
</p>
<div class="eee">
	text <i>italic</i>
</div>
<div class="eee">
	text <i>italic</i>
</div>

Կարմիր գույնով ներկեք բոլոր այն i պիտակները, որոնք գտնվում են eee դասով տարրերի ներսում։