Тэг з зададзеным класам у 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.