Истифодаи блоки рамз барои псевдокласҳо дар LESS
Биёед функсияеро созем, ки стилҳои пайвандро дар ҳолати hover таъин мекунад.
Бигзор ин функсия блоки рамзро ҳамчун параметр қабул кунад:
.hover(@code) {
}
Биёед блоки рамзи фиристодашударо дар дохили ҳолати hover чоп кунем:
.hover(@code) {
&:hover {
@code();
}
}
Аз функсияи худ дар дохили пайванд истифода барем:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Натиҷаи компилятшавӣ:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Функсияи монандеро созед, ки стилҳоро барои вуруд (инпут) дар ҳолати focus таъин мекунад.
