Псевдокласстар үчүн код блогунун 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 абалында стилдерди
белгилей турган окшош функция жасаңыз.
