CSS-ში თეგი მინიჭებული კლასით

დავუშვათ, გვაქვს ორი ტიპის თეგი ერთი და იგივე კლასებით. მაგალითად, დავუშვათ, რომ და სათაურები h2, და აბზაცებს აქვთ ერთი და იგივე კლასი:

<h2 class="eee">სათაური</h2>
<p class="eee">
	ტექსტი
</p>

<h2 class="eee">სათაური</h2>
<p class="eee">
	ტექსტი
</p>

ჩვენ შეგვიძლია, მაგალითად, ყველა ელემენტი ასეთი კლასით წითელ ფერში გავაფერადოთ:

.eee {
	color: red;
}

თუმცა, შესაძლებელია მივმართოთ კონკრეტულ თეგს კლასით. მაგალითად, შეგვიძლია ავირჩიოთ ყველა h2 eee კლასით და ცალკე ავირჩიოთ ყველა p ამ კლასით.

ამისთვის სელექტორში საჭიროა დაწეროთ თეგის სახელი, შემდეგ კი კლასის სახელი წინადადებით. მოდით, მაგალითად, გავაფერადოთ h2 ჩვენი კლასით წითელ ფერში, ხოლო აბზაცები ასეთი კლასით - მწვანე ფერში:

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

მოცემულია შემდეგი კოდი:

<h2 class="header">ტექსტი</h2>
<h2 class="header">ტექსტი</h2>
<h3 class="header">ტექსტი</h3>
<h3 class="header">ტექსტი</h3>

.header {
	color: red;
}

გახადეთ ყველა h2 header კლასით ზომით 40px, ხოლო ყველა h3 ამ კლასით - ზომით 30px.