Anvendelse af kodeblok til pseudoklasser i LESS

Lad os lave en funktion, som vil sætte stilarter for et link i hover-tilstand.

Lad denne funktion tage en kodeblok som parameter:

styles.less.hover(@code) {
  
}

Lad os udskrive den overførte kodeblok inde i hover-tilstanden:

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

Lad os bruge vores funktion inde i et link:

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

Resultat af kompilering:

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