Կոդի բլոկի կիրառումը պսևդոդասերի համար LESS-ում

Եկեք ստեղծենք ֆունկցիա, որը կսահմանի հղման ոճերը 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;
}