LESS හි pseudoclasses සඳහා කේත බ්ලොක් එකක් යෙදීම

අපි hover තත්වයේ සබැඳියකට විලාසිතා සකසන ශ්‍රිතයක් සාදමු.

මෙම ශ්‍රිතය පරාමිතියක් ලෙස කේත බ්ලොක් එකක් පිළිගන්නා ලෙස ඉඩ දෙමු:

styles.less.hover(@code) {
  
}

hover තත්වය තුළ සම්ප්‍රේෂණය කරන ලද කේත බ්ලොක් එක ප්‍රතිදානය කරමු:

styles.less.hover(@code) {
  &:hover {
    @code();
  }
}

අපගේ ශ්‍රිතය සබැඳියක් තුළ භාවිතා කරමු:

styles.lessa {
  color: red;
  
  .hover({
    color: blue;
    text-decoration: none;
  });
}

සම්පීඩන ප්‍රතිඵලය:

styles.cssa {
  color: red;
}
a:hover {
  color: blue;
  text-decoration: none;
}