Support de cours - Lita

...
Ceci est un paragraphe de la plus haute importance
...
Parfois, à l’intérieur même d’un paragraphe,
certaines parties seulement du texte sont
importantes.
...
Css permet de sélectionner ces éléments à l’aide du sélecteur de classe : il commence
par un point suivit du nom de classe qu’on a définit. Par exemple :
.important {
}
color: red;
Ici tous les éléments possédant un attribut class dont la valeur vaut important seront
affectés et seront donc en rouge.
Restriction du sélecteur de classe On décide qu’à l’intérieur d’un paragraphe
un texte important doit être en gras pour bien le distinguer. Il est alors possible de
restreindre le sélecteur de classe aux éléments em par le sélecteur em.important. Par
exemple :
.important {
}
color: red;
em.important {
}
font-weight: bold;
Ainsi les éléments em avec la valeur important à l’attribut class seront en rouge par la
première règle, et en plus en gras par la seconde. Par contre, un paragraphe (p) n’étant
pas un élément em, il sera simplement mis en rouge par la première règle, la seconde ne
s’y appliquant pas.
Remarque Intuitivement, définir la valeur de l’attribut class pour des éléments
Html n’a de sens que si plusieurs éléments sont susceptibles d’appartenir à cette classe.
En d’autres termes, une classe représente potentiellement un ensemble d’éléments.
Sélecteurs d’identifiant Parfois, il est nécessaire de distinguer un élément particulier
et de façon unique dans une page : on donne une valeur libre à l’attribut id de l’élément
Html correspondant dans le code Html (voir sec. 3.3, p. 15).
Par exemple le sommaire d’un site n’apparaît qu’une seule fois par page. En général, il
s’agit d’une liste non ordonnée : il faut donc la distinguer des autres listes non ordonnées.
Par exemple, on lui donne l’identifiant unique menu :
...
Sauter en parachute
Avec un parachute
22