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 noopener e noreferrer nei link HTML
Gestione delle scrollbar dinamiche in HTML e CSS
Esporre un server MCP esistente con Azure API Management
Pubblicare un MCP Server in GitHub MCP Registry
Esporre un server MCP con Azure API Management
Usare il metodo nameof con un tipo generico in C# 14
Usare la libreria PredicateBuilder per eseguire query tramite Entity Framework che usano or su più campi
Gestire codice JavaScript con code splitting e lazy loading
Ottimizzare gli indici con Automatic Index Compaction in Azure SQL Database
Introduzione a GitHub Copilot CLI
Recuperare gli audit log in Azure DevOps
Il nuovo persistent state in Blazor




