कम सीएसएस काम नहीं कर रहा है, इस सेटअप के साथ क्या गलत है

Question

मैं कम सीएसएस के लिए नया हूं और इसे आजमा रहा हूं। मैं निम्नलिखित किया है

मैं इस div

<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

आपके पास rel पैरामीटर के रूप में सादा "स्टाइलशीट" के बजाय "स्टाइलशीट/कम" का उपयोग करने के लिए। यह इस तरह दिखना चाहिए:

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