Több CSS osztállyal rendelkező elem

Egy HTML elemnek egyszerre több CSS osztályt is megadhatunk. Ehhez a class attribútumban ezeket az osztályokat szóközzel elválasztva kell felsorolni.

Nézzük meg egy példán keresztül. Tegyük fel, hogy van néhány CSS osztályunk:

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

Állítsunk be egy bekezdésnek mind az egyik, mind a másik osztályt:

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

Задание 1

Tegyük fel, hogy a következő osztályok adottak:

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

Tegyük fel továbbá, hogy 4 bekezdésed van. A megadott osztályok segítségével el kell érned, hogy az első bekezdés zöld és nagy betűméretű legyen, a második bekezdés piros és kis betűméretű, a harmadik bekezdés piros és nagy betűméretű, a negyedik pedig zöld és kis betűméretű.

Задание 2

Találj ki és készíts 3 tetszőleges osztályt. Adj meg valamilyen elemnek egyszerre mind a három általad kitalált osztályt.