La sintassi CSS è stata sempre molto minimale e questo non ha mai permesso di renderli manutenibili. Questa immanutenibilità alla lunga ha portato alla creazione di linguaggi basati su CSS, ma più evoluti come LESS e SASS che aggiungono molte funzionalità tra le quali quella di permettere la creazione di variabili riutilizzabili. Tuttavia, nelle ultime specifiche CSS questa funzionalità è stata aggiunta nativamente.
Adesso possiamo dichiarare una variabile all'interno del file dichiarandola all'interno di un selettore tramite la sintassi --nomevariabile. Successivamente possiamo utilizzarla all'interno di un altro selettore usando la parola chiave var come mostrato nell'esempio.
:root { --main-bg-color: #fff; --main-txt-color: #000; } .container { background-color: var(--main-bg-color); color: var(--main-txt-color); }
In questo esempio definiamo le variabili main-bg-color e main-txt-color che definiscono rispettivamente il colore bianco e nero. successivamente le usiamo per impostare il colore di background e il colore del teto degli oggetti con classe container.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Gestire i null nelle reactive form tipizzate di Angular
Elencare le container images installate in un cluster di Kubernetes
Definire lo stile CSS in base alle dimensioni del container
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
Creazione di componenti personalizzati in React.js con Tailwind CSS
Utilizzare politiche di resiliency con Azure Container App
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Eseguire operazioni sui blob con Azure Storage Actions
Utilizzare le collection expression in C#
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Verificare la provenienza di un commit tramite le GitHub Actions
I più letti di oggi
- Evitare il flickering dei componenti nel prerender di Blazor 8
- Rilasciata la Beta 2 di Visual Studio 2008
- tra pochi minuti inizia la keynote della seconda giornata. seguila live su http://aspitalia.com/mix-11 #mix11
- .@dbochicchio ora su #aspnetcore 2 a #netconfit https://aspit.co/netconf-17
- Utilizzare angular-cli per creare una direttiva in Angular 2
- Windows Vista: il ritorno di WinFS con la beta1
- .@CristianCivera tra poco su #azure con i suoi tips&tricks per lo sviluppatore web: https://aspit.co/web15-live #aspilive
- Le novità di C# 10