« Le langage CSS/Structure et syntaxe » : différence entre les versions

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
 
<source lang="html"><div id="page">
<div id="page">
<p> ...
<ul>
</ul>
</p>
</div></source>
</source>
 
le style des liens ''A'' doit vraisemblablement être spécifié en partant d'une règle simple comme « <code>div#page a</code> » plutôt que « <code>div#page p ul li a</code> » d'emblée. C'est seulement si d'autres liens apparaissent dans la page en dehors des listes que l'on utilisera « <code>div#page li a</code> », et ainsi de suite.
 
== Déclaration de variable ==
Pour éviter de modifier en masse une valeur utilisée à plusieurs endroits, il est possible de la stocker dans une variable, qui sera appelée avec la fonction <code>var()</code>.
 
Exemple :
<source lang="css">
:root {
--my-super-custom-color: #f6f6f6;
}
 
 
#page1 {
background-color: var(--my-super-custom-color);
}
 
#page2 {
background-color: var(--my-super-custom-color);
}
</source>