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
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Creare una libreria CSS universale: Nav menu
Gestire eccezioni nei plugin di Semantic Kernel in ASP.NET Core Web API
Scrivere selettori CSS più semplici ed efficienti con :is()
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Creare una libreria CSS universale: Cards
Utilizzare Container Queries nominali
Path addizionali per gli asset in ASP.NET Core MVC
Fornire parametri ad un Web component HTML
Creare una libreria CSS universale: i bottoni
Generare la software bill of material (SBOM) in GitHub
Anonimizzare i dati sensibili nei log di Azure Front Door
I più letti di oggi
- Creare un router per Single Page Application con l'evento navigate
- Serializzazione e deserializzazione JSON in JavaScript
- Utilizzare app-shell per rendere un'applicazione Angular più responsiva alla partenza
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!