Variables en CSS (Sin preprocesadores)

Manual Web --> HTML --> Variables en CSS

Fecha Publicación: 27 de Febrero de 2019

Fecha Modificación: 02 de Abril de 2020

Utilizando un editor código html creamos un archivo htm en este ejemplo crearemos el archivo prueba.html:

<style>   
  :root { --color_primario: #286A20;}     
    h1 { background-color: var(--color_primario);color: white; text-align: center;}
</style>

2) El Html:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Variables en CSS (Sin preprocesadores)</h1>
</body>
</html>

Resultado en nuestro navegador visualizando el archivo creado prueba.html donde se usa la variable en CSS --color_primario