Tillämpning av kodblock för pseudoklasser i LESS
Låt oss skapa en funktion som kommer att sätta
stilar för en länk i tillståndet hover.
Låt denna funktion ta ett kodblock som parameter:
.hover(@code) {
}
Låt oss skicka det passerade kodblocket inuti
tillståndet hover:
.hover(@code) {
&:hover {
@code();
}
}
Låt oss använda vår funktion inuti en länk:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Resultat av kompilering:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Gör en liknande funktion som kommer att
sätta stilar för ett inputfält i tillståndet focus.
