Áp dụng khối mã cho các lớp giả trong LESS

Hãy tạo một hàm sẽ thiết lập kiểu cho liên kết ở trạng thái hover.

Giả sử hàm này nhận một khối mã làm tham số:

styles.less.hover(@code) {
  
}

Hãy xuất khối mã được truyền bên trong trạng thái hover:

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

Hãy sử dụng hàm của chúng ta bên trong liên kết:

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

Kết quả biên dịch:

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