Koda bloka izmantošana pseidoklasēm LESS
Izveidosim funkciju, kas noteiks
saites stilus stāvoklī hover.
Lai šī funkcija parametrā pieņem koda bloku:
.hover(@code) {
}
Izvadīsim nodoto koda bloku iekšā
stāvoklī hover:
.hover(@code) {
&:hover {
@code();
}
}
Izmantosim mūsu funkciju saites iekšienē:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Kompilācijas rezultāts:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Izveidojiet līdzīgu funkciju, kas noteiks
stilus ievadlauka stāvoklī focus.
