LESS හි pseudoclasses සඳහා කේත බ්ලොක් එකක් යෙදීම
අපි 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 තත්වයේ ආදානයක් සඳහා විලාසිතා සකසන සමාන ශ්රිතයක් සාදන්න.
