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 ҳолатида стилларни белгиловчи ўхшаш функција ясангиз.
