МЕНЬШЕ css не работает, что не так с этой настройкой

Question

Я новичок в использовании css и тестирую его. Я делал следующий

Я добавил этот Див

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

и в mystyles.less, добавил этот

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

.myclass { 
    .somepattern(); 
} 

Когда я изменить синтаксис этого, он работает, что означает, что проблема заключается в синтаксисе катания .somepattern. Я пробовал .somepattern() и .somepattern и somepattern, но ничего не работает. Единственное, что работает это простой старый способ иметь код в классе сам

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

Answer 1

Вы не должны использовать .somepattern(); только somepattern;

Итак:

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

.myclass { 
    .somepattern; 
}

Answer 2

У вас есть использовать «stylesheet/less» вместо простой «таблицы стилей» как параметр rel. Он должен выглядеть следующим образом:

<link href="mystyles.less" media="screen" rel="stylesheet/less" type="text/css" />