Toepassing van codeblok voor pseudoklassen in LESS
Laten we een functie maken die
stijlen voor een link in de hover toestand instelt.
Laat deze functie een codeblok als parameter accepteren:
.hover(@code) {
}
Laten we het doorgegeven codeblok uitvoeren binnen
de hover toestand:
.hover(@code) {
&:hover {
@code();
}
}
Laten we onze functie binnen een link gebruiken:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Compilatieresultaat:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Maak een vergelijkbare functie die
stijlen instelt voor een invoerveld in de focus toestand.
