Anvendelse af kodeblok til pseudoklasser i LESS
Lad os lave en funktion, som vil sætte
stilarter for et link i hover-tilstand.
Lad denne funktion tage en kodeblok som parameter:
.hover(@code) {
}
Lad os udskrive den overførte kodeblok inde i
hover-tilstanden:
.hover(@code) {
&:hover {
@code();
}
}
Lad os bruge vores funktion inde i et link:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Resultat af kompilering:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Lav en tilsvarende funktion, som vil
sætte stilarter for et inputfelt i focus- tilstand.
