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 күйіндегі стильдерді
орнататын ұқсас функция жасаңыз.
