Puoi fare riferimento a un valore di dati con un nome in un foglio di stile?

1

Ad esempio, sto cambiando palette di colori in un sito che sto codificando e mi piacerebbe se potessi fare riferimento a quel colore in qualche modo invece di sostituire il valore esadecimale per ogni oggetto. So che quanto segue non funziona, ma mi piacerebbe qualcosa di simile.

color1 = red;
color2 = blue;
color3 = green;

h1 {
color: color1;
background-color: color2;
}

h2 {
color: color2;
background-color: color3;
}
    
posta Jephrei 06.06.2011 - 17:58
fonte

2 risposte

3

Questa è una delle numerose funzionalità mancanti nei CSS. È ancora possibile ottenere questa funzionalità, ma è necessario spostare fuori dagli schemi. Dai un'occhiata a Less CSS . È davvero carino.

    
risposta data 06.06.2011 - 18:03
fonte
5

Quello che stai chiedendo sono le costanti CSS e sono state pianificate per anni nella comunità web. Non verrai, purtroppo.

Il solito suggerimento è di definire le classi contenitore per contenere solo i valori dei colori e quindi colorare gli elementi del documento associando quelle classi marker:

.color1 { color: red; }
.color2 { color: blue; }
.color3 { color: green; }

<html>
  <body>
    <h1 class="big-header color1">Title</h1>
  </body>
</html>
    
risposta data 06.06.2011 - 18:01
fonte

Leggi altre domande sui tag