- Où dois-je mettre les variables CSS?
- Quelle est la bonne façon de déclarer la variable dans CSS?
- Les variables CSS sont-elles étendues?
- Dois-je utiliser les variables CSS?
Où dois-je mettre les variables CSS?
Tout d'abord: les variables CSS peuvent avoir une portée globale ou locale. Les variables globales sont accessibles / utilisées via l'ensemble du document, tandis que les variables locales ne peuvent être utilisées que dans le sélecteur où il est déclaré. Pour créer une variable avec une portée globale, déclarez-la à l'intérieur du: sélecteur de racines.
Quelle est la bonne façon de déclarer la variable dans CSS?
Pour déclarer une variable dans CSS, trouvez un nom pour la variable, puis ajoutez deux traits de traits (-) comme préfixe. L'élément ici fait référence à tout élément HTML valide qui a accès à ce fichier CSS. Le nom de la variable est BG-Color, et deux tirets sont ajoutés.
Les variables CSS sont-elles étendues?
Déclarant la variable CSS globale
Les variables CSS peuvent avoir une portée globale et une portée locale. Lorsque vous déclarez une variable CSS dans une portée globale, elle est accessible tout au long du document.
Dois-je utiliser les variables CSS?
Les variables CSS, connues plus précisément sous le nom de propriétés personnalisées CSS, atterrissent dans Chrome 49. Ils peuvent être utiles pour réduire la répétition dans le CSS, ainsi que pour de puissants effets d'exécution comme la commutation de thème et potentiellement extension / polyfilant futurs CSS fonctionnalités.