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
Eseguire le GitHub Actions offline
Disabilitare automaticamente un workflow di GitHub (parte 2)
Code scanning e advanced security con Azure DevOps
Utilizzare Tailwind CSS all'interno di React: primi componenti
Eseguire una query su SQL Azure tramite un workflow di GitHub
Miglioramenti agli screen reader e al contrasto in Angular
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Eseguire attività basate su eventi con Azure Container Jobs
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Evitare il flickering dei componenti nel prerender di Blazor 8
Configurare policy CORS in Azure Container Apps
Usare lo spread operator con i collection initializer in C#