MENO css non funziona, cosa c'è di sbagliato in questa configurazione

Question

Sono nuovo di meno css e provarlo. Ho fatto quanto segue

Ho aggiunto questo div

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

e nel mystyles.less, aggiunto questo

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

.myclass { 
    .somepattern(); 
} 

Quando cambio la sintassi per questo, funziona, il che significa che il problema è nella sintassi di caling .somepattern. Ho provato .somepattern() e .somepattern e somepattern ma non funziona. L'unica cosa che funziona è il modo pianura vecchio di avere il codice nella classe stessa

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

Answer 1

Non è necessario utilizzare .somepattern(); solo somepattern;

Quindi:

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

.myclass { 
    .somepattern; 
}

Answer 2

Hai usare "stylesheet/less" invece di "stylesheet" semplice come parametro rel. Esso dovrebbe essere così:

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