@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;