Quando utilizziamo una variabile CSS per impostare il valore di una proprietà, potremmo usare una variabile che non è definita nel nostro file. Per evitare che la proprietà CSS rimanga senza valore, possiamo definire un valore di fallback.
.myclass { padding: var(--my-var, 10px); }
In questo esempio, se la variabie my-var non è definita, viene usato il valore 10px per impostare il padding.
Possiamo anche impostare il fallback a un'altra variabile CSS e utilizare più valori di fallback che vengono processati in sequenza.
.myclass { padding: var(--my-var-1, --my-var-2, 10px); }
In questo caso, usiamo la variabile my-var-1. Se la variable non esiste viene usata la variabile my-var-2 e nel caso nemmeno questa esista viene usato il valore 10px.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Hosting di componenti WebAssembly in un'applicazione Blazor static
Routing statico e PreRendering in una Blazor Web App
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Generare token per autenicarsi sulle API di GitHub
Miglioramenti nelle performance di Angular 16
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Potenziare Azure AI Search con la ricerca vettoriale
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Usare le collection expression per inizializzare una lista di oggetti in C#
Utilizzare i primary constructor di C# per inizializzare le proprietà
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI