Տրված դասով թեգը CSS-ում

Ենթադրենք՝ մենք ունենք նույն դասերով երկու տեսակի թեգեր: Օրինակ, թող և h2 վերնագրերը, և պարբերություններն ունենան նույն դասը:

<h2 class="eee">Title</h2>
<p class="eee">
	text
</p>

<h2 class="eee">Title</h2>
<p class="eee">
	text
</p>

Մենք կարող ենք, օրինակ, նման դաս ունեցող բոլոր էլեմենտները ներկել կարմիր գույնով.

.eee {
	color: red;
}

Սակայն կարելի է դիմել կոնկրետ թեգին դասով: Օրինակ՝ կարելի է ընտրել բոլոր h2 թեգերը eee դասով և առանձին ընտրել բոլոր p թեգերը այդ դասով:

Դրա համար ընտրիչում պետք է գրել թեգի անունը, ապա՝ առանց բացատի՝ դասի անունը: Եկեք, օրինակ, ներկենք h2 թեգերը մեր դասով կարմիր գույնով, իսկ նույն դասով պարբերությունները՝ կանաչ գույնով.

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

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

<h2 class="header">text</h2>
<h2 class="header">text</h2>
<h3 class="header">text</h3>
<h3 class="header">text</h3>

.header {
	color: red;
}

Կատարեք բոլոր h2 թեգերը header դասով 40px չափի, իսկ բոլոր h3 թեգերը այդ դասով՝ 30px չափի: