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
Evidenziare una porzione di testo in un pagina dopo una navigazione
Creare espressioni riutilizzabili nelle query LINQ per Entity Framework
Anonimizzare i dati sensibili nei log di Azure Front Door
Utilizzo delle stepped value functions nel CSS
Esporre un server MCP con Azure API Management
Scrivere selettori CSS più semplici ed efficienti con :is()
Testare il failover sulle region in Azure Storage
Eliminare record doppi in Sql Server
Gestire pubblicazione Kubernetes tramite .NET Aspire
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Ridurre il reflow cambiando il CSS


