Élément avec plusieurs classes CSS
Il est possible d'attribuer simultanément plusieurs classes CSS
à une balise. Pour cela, dans l'attribut
class, ces classes doivent être listées
en les séparant par un espace.
Regardons un exemple. Supposons que nous ayons plusieurs classes CSS :
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
Attribuons au paragraphe à la fois une classe et la seconde :
<p class="error large">
lorem ipsum
</p>
Supposons que vous ayez les classes suivantes :
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
Supposons également que vous ayez 4 paragraphes. En
utilisant les classes présentées, faites en sorte
que le premier paragraphe soit vert et avec une grande
police, le deuxième paragraphe - rouge et avec une petite
police, le troisième paragraphe - rouge et avec une grande
police, et le quatrième - vert et avec une petite police.
Imaginez et créez 3 classes quelconques.
Attribuez à une balise quelconque simultanément
les trois classes que vous avez imaginées.