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
Cambiare la chiave di partizionamento di Azure Cosmos DB
Migliorare la sicurezza dei prompt con Azure AI Studio
Sfruttare al massimo i topic space di Event Grid MQTT
Implementare l'infinite scroll con QuickGrid in Blazor Server
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Gestione dell'annidamento delle regole dei layer in CSS
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Definire stili a livello di libreria in Angular
Le novità di Angular: i miglioramenti alla CLI
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Miglioramenti nelle performance di Angular 16