Médiaforma

Appliquer un même style à plusieurs éléments

Print Friendly

Pour définir un style CSS, il suffit d’indiquer un élément, une classe ou un identifiant et de spécifier ses caractéristiques CSS, à l’intérieur d’accolades ouvrante et fermante. Par exemple, ce code CSS affecte la couleur rouge et l’attribut italique au titre H1.

h1 {color: red; font-style: italic; }

Visualisons le résultat dans Internet Explorer avec la commande Exécution/Launch in IE :

Supposons que vous désiriez appliquer les mêmes caractéristiques aux paragraphes. Vous pouvez ajouter cette ligne :

p {color: red; font-style: italic; }

Mais il sera bien plus rapide de rassembler les deux éléments sur une même ligne en les séparant par une virgule :

h1, p {color: red; font-style: italic; }

Voici le résultat :

Supposons maintenant que vous vouliez appliquer les mêmes caractéristiques aux titres H1 et aux balises p de classe par. Il suffit de remplacer l’élément p par la classe par :

h1, .par {color: red; font-style: italic; }

Voici le résultat :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply