ელემენტი რამდენიმე CSS კლასით

შესაძლებელია ერთდროულად რამდენიმე CSS კლასის მინიჭება რომელიმე თეგს. ამისთვის ატრიბუტში class ეს კლასები უნდა ჩამოვთვალოთ გამოტოვებით გამოყოფილი.

მოდით შევხედოთ მაგალითს. დავუშვათ, გვაქვს რამდენიმე CSS კლასი:

.error {
	color: red;
}
.large {
	font-size: 30px;
	font-family: Arial;
}

მივანიჭოთ აბზაცს როგორც ერთი კლასი, ასევე მეორეც:

<p class="error large">
	lorem ipsum
</p>

დავუშვათ, თქვენ გეძლევათ შემდეგი კლასები:

.success {
	color: green;
}
.error {
	color: red;
}
.large {
	font-size: 30px;
}
.small {
	font-size: 20px;
}

დავუშვათ, თქვენ ასევე გაქვთ 4 აბზაცი. წარმოდგენილი კლასების გამოყენებით გახადეთ ისე, რომ პირველი აბზაცი იყოს მწვანე და დიდი შრიფტით, მეორე აბზაცი - წითელი და პატარა შრიფტით, მესამე აბზაცი - წითელი და დიდი შრიფტით, ხოლო მეოთხე - მწვანე და პატარა შრიფტით.

გამოიგონეთ და შექმენით 3 რაიმე კლასი. მიანიჭეთ რომელიმე თეგს ერთდროულად სამივე თქვენ მიერ გამოგონილი კლასი.