Կոդի բլոկի կիրառումը պսևդոդասերի համար 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 վիճակում։