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

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

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

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

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

html<p class="error large">
  lorem ipsum
</p>
Задание 1

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

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

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

Задание 2

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