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
Trasformare qualsiasi backend in un servizio GraphQL con Azure API Management
Hosting di componenti WebAssembly in un'applicazione Blazor static
Usare una container image come runner di GitHub Actions
Utilizzare la session affinity con Azure Container Apps
Creare alias per tipi generici e tuple in C#
Creare un'applicazione React e configurare Tailwind CSS
Criptare la comunicazione con mTLS in Azure Container Apps
Generare file PDF da Blazor WebAssembly con iText
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Utilizzare i primary constructor di C# per inizializzare le proprietà
Eseguire operazioni sui blob con Azure Storage Actions
Usare le variabili per personalizzare gli stili CSS