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:

styles.less.hover(@code) {
  
}

Wacha tuonyeshe kizuizi cha msimbo kilichopitishwa ndani ya hali ya hover:

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

Tutumie kitendakazi chetu ndani ya kiungo:

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

Matokeo ya ukusanyaji:

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