Matumizi ya Kizuizi cha Msimbo kwa Pseudo-classes katika LESS
Wacha tutengeneze kitendakazi ambacho kitaweka
mitindo ya kiungo katika hali ya hover.
Hebu kitendakazi hiki kikubali kizuizi cha msimbo kama parameta:
.hover(@code) {
}
Wacha tuonyeshe kizuizi cha msimbo kilichopitishwa ndani ya
hali ya hover:
.hover(@code) {
&:hover {
@code();
}
}
Tutumie kitendakazi chetu ndani ya kiungo:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Matokeo ya ukusanyaji:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Tengeneza kitendakazi sawa ambacho kitaweka
mitindo kwa kuingiza katika hali ya focus.
