Pour appliquer des règles de style Css aux éléments
d'une page .html, il faut pouvoir sélectionner ces éléments (et
uniquement ceux que l'on veut styler). Il existe pour cela différentes sortes de
sélecteurs. Voici une description des sélecteurs les plus utilisés :
Sélecteurs d'éléments
Une règle Css telle que :
concernera tous les éléments de type paragraphe.
On peut ainsi facilement définir des comportements «par défaut» pour les
éléments essentiels d'une page (ce qui a déjà été fait dans les exercices
précédents).
Sélecteurs de classe
Il peut exister plusieurs types de paragraphes dans une page web. Pour les distinguer, il
faut définir des groupes de balises à l'aide de l'attribut
class.
Voici comment écrire en vert des paragraphes correspondants aux énoncés d'exercices :
Sélecteurs d'identifiant
On peut aussi désigner un élément unique dans une page avec l'attribut id.
Cet élément sera unique dans la page, mais il pourra être présent dans plusieurs pages
du site.
Voici comment écrire en rouge le paragraphe de conclusion de la page :
Conclusion sur les sélecteurs
Les attributs de classe et/ou d'identifiant s'utilisent aussi avec les balises génériques
<div> (de type block) et <span> (de type
inline). Une façon sympathique et efficace de faire le tour des sélecteurs est de
traiter les situations proposées à
cette adresse.
Prenez le temps de lire le cours qui se trouve à droite de la fenêtre dans chaque
situation.
On trouvera également une liste exhaustive des sélections possibles sur cette page de w3schools.
