Support de cours - Lita

...
Sans parachute
Il faut vérifier ces aspects:
...
le sac-harnais;
la voilure;
...
Ainsi distingué, le sélecteur d’identifiant (# suivit du nom d’identifiant) permet d’affecter
un style à cet unique élément dont l’attribut id vaut menu :
#menu {
}
background-color: silver;
Remarque Cet identifiant sert aussi aux liens internes dans un document (cf. sssec
3.3, p. 15). Évidemment, il ne doit pas exister deux éléments ayant le même
identifiant dans une page Html .
1.4 Cascade
Par défaut, le navigateur applique un style au document : p. ex. titres h1 en gras,
éléments em en italique, etc. Ainsi, chaque fois qu’on définit une propriété (p. ex. la
couleur) pour un élément, en fait on la redéfinit. De plus, il est possible de définir des
règles apparemment contradictoires comme :
h1 {
}
color: black;
h1.important {
}
...
color: red;
En effet, avec le document Html suivant :
Titre important
...
il est difficile de dire a priori quelle couleur aura le titre h1 : rouge ou noire ?
En fait, le navigateur décide du style final selon une procédure complexe, mais qui
peut en général se résumer par on applique au final le style associé au sélecteur
le plus précis.
Ici, « être un élément h1 » est moins précis que « être un élément h1 et de classe
important ». Donc le titre du code Html précédent sera de couleur rouge.
23