« Le langage CSS/Structure et syntaxe » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 291 :
<source lang="html">
<div id="page"> <p> ...
<ul>
Ligne 298 ⟶ 299 :
</ul>
</p>
</div>
</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>
|