cssが機能していない、この設定で何が問題なのですか？

Question

私は、CSSとそれを試してみるのは初めてです。私は、それが動作しますが、私はこれは

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

とmystyles.lessでのDIV追加した以下の

を行って、私はこれに構文を変更すると

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

.myclass { 
    .somepattern(); 
} 

この

を追加しましたつまり、問題は、 .somepatternのキャリングの構文にあります。私は .somepattern()と .somepatternと somepatternを試しましたが、何も動作しません。あなたが持っている

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

.myclass { 
    .somepattern; 
}

Answer 1

あなただけsomepattern;

ので.somepattern();を使用する必要はありませんクラスのコードを持つ昔ながらの方法ですrelパラメータとしてプレーンな "スタイルシート"の代わりに "stylesheet/less"を使用することができます。 LESSは素晴らしいですし、仕事にそれを取得しようと誰もが大きな励ましに値するので

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

Answer 2

：働く唯一のものは、それ自体が

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