Come scrivere una variabile CSS e associarla a un elemento?

Sapevi che anche nel CSS esistono le variabili?

Come si dichiara una variabile nel CSS?

Per dichiarare una variabile usando il CSS è necessario usare un selettore, ovvero scegliere di usare “:root” oppure “body”.

Per iniziare a scrivere la variabile CSS, oltre a darle un nome, dovrai precedere il nome con due trattini “–” per segnalare la presenza di una variabile: questa variabile dovrà essere inserita sotto il selettore, ad esempio:

:root {

–colorefiguranera: black;

}

Come associare le variabili nel css?

Sai che è possibile associare una variabile CSS (o meglio il valore della variabile stessa) verso un’altro elemento? Basta inserire il nome della variabile all’interno delle parentesi della parola “var()”, e incollare quindi “var(–nomedellatuavariabile)” all’interno del codice css che descrive il singolo elemento. Ad esempio color: var(–colorefiguranera);

Lascia un commento

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.