@apply - Directive CSS
Résumé des caractéristiques de la directive @apply
Description de la directive @apply.
@apply avait été proposée à la spécification, mais n'a finalement pas été standardisée.
@apply est une directive du langage déclaratif CSS, qui introduit la notion de variables,
ou de quelque chose qui s'en rapproche beaucoup. Elle permet de mémoriser des valeurs ou des groupes de
valeurs, en vue d'un usage ultérieur.
@apply applique une propriété ou un groupe de propriétés préalablement définies.
Ce groupe aura reçu un nom, et c'est ce nom qu'il faudra indiquer pour @apply.
Ceci permet par exemple de définir les couleurs d'une charte graphique qui seront
utilisées un peu partout dans le document.
On peut aussi envisager de définir des groupes de propriétés qui, eux aussi, seront
ré-utilisables par la suite.
Voir aussi la page de la fonction var().
:root {
--couleurs-charte: {
color: CornflowerBlue;
background: floralWhite;
};
}
p {@apply --couleurs-charte;}
Prise en charge par les navigateurs (compatibilité).
La directive @apply n'a pas été standardisée. Elle ne doit pas être utilisée;
Évolution de la directive @apply.
-
Directive CSS @apply
Proposition finalement non retenue de la directive@apply.
14 Septembre 2018Ancienne spécification, déclarée obsolète.