Element cu mai multe clase CSS
Poți atribui simultan mai multe clase CSS
unui tag. Pentru a face acest lucru, în atributul
class aceste clase trebuie enumerate
separate prin spațiu.
Să ne uităm la un exemplu. Să presupunem că avem mai multe clase CSS:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
Să atribuim paragrafului atât o clasă, cât și a doua:
<p class="error large">
lorem ipsum
</p>
Să presupunem că ai următoarele clase:
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
Să presupunem că ai și 4 paragrafe. Cu
ajutorul claselor prezentate, fă în așa fel
încât primul paragraf să fie verde și cu font
mar, al doilea paragraf - roșu și cu font mic,
al treilea paragraf - roșu și cu font mare,
iar al patrulea - verde și cu font mic.
Gândește-te și creează 3 niște
clase. Atribuie unui tag simultan
toate cele trei clase pe care le-ai creat.
