Toepassing van kodeblok vir pseudoklasse in LESS
Kom ons maak 'n funksie wat die style sal stel
vir 'n skakel in die hover toestand.
Laat hierdie funksie 'n kodeblok as parameter aanvaar:
.hover(@code) {
}
Kom ons druk die oorgedraagde kodeblok uit binne
die hover toestand:
.hover(@code) {
&:hover {
@code();
}
}
Laat ons ons funksie gebruik binne 'n skakel:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Kompilasie resultaat:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Maak 'n soortgelyke funksie wat die style sal stel
vir 'n invoer in die focus toestand.
