Quisiera crear una variable en CSS, para el color por ejemplo; donde al cambiar esa variable, se cambie el color de todos los elementos en los que use dicha variable
-
1developer.mozilla.org/es/docs/Web/CSS/…– user128299Commented el 5 jul. 2021 a las 12:44
-
Bienvenido a Stack Overflow en español . Esta no es la manera correcta de preguntar . Lectura obligatoria Cómo preguntar. por otra parte tu pregunta se puede resolver buscado en Google unos minutos. Un saludo– AlemanCommented el 5 jul. 2021 a las 14:16
Añade un comentario
|
2 respuestas
Si se puede, puedes agregarla en una clase .root, para crear la variable usas
--mi-color : #0000;
y para usarla usas
color : var( --mi-color ) .
Podrías hacerlo de la siguiente manera:
(tendrías que poner este código en tu fichero css)
:root {
--fuente-principal: 'Lato', sans-serif;
--primario: #da595e;
--obscuro: #484848;
--claro: #ffffff;
}
pongamos que quisieses cambiar el color de un background en ese mismo fichero por el color primario que hemos declarado, en ese caso agregaríamos la variable a el background de la siguiente manera
background-color: var(--primario);