Toepassing van kodeblok vir pseudoklasse in LESS

Kom ons maak 'n funksie wat die style sal stel vir 'n skakel in die hover toestand.

Laat hierdie funksie 'n kodeblok as parameter aanvaar:

styles.less.hover(@code) {
  
}

Kom ons druk die oorgedraagde kodeblok uit binne die hover toestand:

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

Laat ons ons funksie gebruik binne 'n skakel:

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

Kompilasie resultaat:

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