Molto spesso capita di avere una classe CSS che si vuole applicare ad unìaltra classe CSS. Con i mixin possiamo raggiungere questo risultato, ma esiste un'altra tecnica che può tornare utile e che ricorre all'uso della parola chiave extend. Cominciamo col vedere un esempio di utilizzo in LESS.
p { &:extend(.inline); background: #000; } .inline { display:inline; }
Con questa definizione impostiamo che lo stile "display: inline" si applica a chi usa la classe CSS inline e ai tag p. Il CSS prodotto da questo codice LESS è il seguente:
p { background: #000; } .inline, p { display:inline; }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare le collection expression in C#
Usare lo spread operator con i collection initializer in C#
Reactive form tipizzati con modellazione del FormBuilder in Angular
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Eseguire operazioni con timeout in React
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Limitare le richieste lato server con l'interactive routing di Blazor 8
Assegnare un valore di default a un parametro di una lambda in C#
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Evitare la script injection nelle GitHub Actions