LESS:ssä pseudoluokkien koodilohkon käyttö
Tehdään funktio, joka asettaa
linkin tyylit tilassa hover.
Olkoon tämän funktion parametrina koodilohko:
.hover(@code) {
}
Tulostetaan annettu koodilohko
sisällä tilassa hover:
.hover(@code) {
&:hover {
@code();
}
}
Käytetään funktiotamme linkin sisällä:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Kokoamisen tulos:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Tee vastaava funktio, joka asettaa
tyylit input-kentälle tilassa focus.
