- ¿Dónde pongo las variables CSS??
- ¿Cuál es la forma correcta de declarar variable en CSS??
- ¿Están las variables CSS alcanzadas??
- ¿Debo usar las variables CSS??
¿Dónde pongo las variables CSS??
En primer lugar: las variables CSS pueden tener un alcance global o local. Se pueden acceder/utilizar variables globales a través de todo el documento, mientras que las variables locales solo se pueden usar dentro del selector donde se declara. Para crear una variable con el alcance global, declara dentro del: selector de raíz.
¿Cuál es la forma correcta de declarar variable en CSS??
Para declarar una variable en CSS, presente un nombre para la variable, luego agregue dos guiones ( -) como prefijo. El elemento aquí se refiere a cualquier elemento HTML válido que tenga acceso a este archivo CSS. El nombre de la variable es BG-Color y se agregan dos guiones.
¿Están las variables CSS alcanzadas??
Declarando variable CSS global
Las variables CSS pueden tener un alcance global y un alcance local. Cuando declara una variable CSS en un alcance global, se puede acceder en todo el documento.
¿Debo usar las variables CSS??
Las variables CSS, con mayor precisión conocidas como propiedades personalizadas de CSS, están aterrizando en Chrome 49. Pueden ser útiles para reducir la repetición en CSS, y también para poderosos efectos de tiempo de ejecución, como el cambio de tema y las características de CSS futuras potencialmente extendidas/pollizadas.