LESS css không hoạt động, có vấn đề gì với thiết lập này

Question

Tôi mới sử dụng ít css và dùng thử. Tôi đã thực hiện những điều sau đây

Tôi đã thêm này div

<div class="myclass">This is a test of LESS CSS</div> 

và trong mystyles.less, bổ sung này

.somepattern(@color: red, @size: 16px) { 
    font-size:@size; 
    font-weight:bold; 
    border:2px solid @color; 
} 

.myclass { 
    .somepattern(); 
} 

Khi tôi thay đổi cú pháp này, nó hoạt động, có nghĩa là vấn đề là theo cú pháp của caling .somepattern. Tôi đã thử .somepattern() và .somepattern và somepattern nhưng không có gì hoạt động. Điều duy nhất mà làm việc là cách cũ đồng bằng có mã trong lớp tự

.myclass { 
    font-size:16px; 
    font-weight:bold; 
    border:2px solid red; 
} 

Answer 1

Bạn không cần phải sử dụng .somepattern(); chỉ somepattern;

Vì vậy:

 
.somepattern(@color: red, @size: 16px) { 
    font-size:@size; 
    font-weight:bold; 
    border:2px solid @color; 
} 

.myclass { 
    .somepattern; 
}

Answer 2

Bạn có sử dụng "stylesheet/less" thay vì "stylesheet" đơn giản làm thông số rel. Nó sẽ giống như thế này: