En mi archivo CSS, tengo más clases e identificadores para el mismo color. Me refiero a que "mismo color" es algo visual. Por lo tanto, puede ser propiedad de "color", también "color de fondo" y ".class: hover".
entonces lo mismo es una palabra como #33453
Quiero cambiar todo #33453 en un archivo CSS con jquery. ¿Cómo puedo hacerlo?
a mi archivo css le gusta eso:
<style> .button-color, .button-border { color:red; border-color:#33453; } #background-color, button-background-color:hover { background-color:#33453 } </style>Acabo de encontrar esto:
$("body").children().each(function () { $(this).html( $(this).html().replace(/@/g,"$") ); });es tan similar a lo que quiero, pero ¿cómo puedo cambiar el selector de "cuerpo" con el archivo css?
¡Variables CSS al rescate!
Puede crear variables CSS, a las que se puede hacer referencia en toda su hoja de estilo.
Escriba una raíz: al comienzo de su hoja de estilo. Y luego '--' al frente de su nombre de variable.
:root { --main-color: #33453; }Luego, en su hoja de estilo, puede hacer referencia a la variable CSS con var().
.button-color, .button-border { color:red; border-color: var(--main-color); } #background-color, button-background-color:hover { background-color: var(--main-color); }También puede cambiar esta variable en forma de cascada. Entonces, si tiene... digamos... una sección "oscura", también puede agregar
.dark { --main-color: white; }Y ahora todo lo que tenga el color principal dentro de .dark será diferente.