2011-02-06 13 views
7

Daha az css ve denemek için yeni yaşıyorum. Ben, ben buLESS css çalışmıyor, bu kurulumda sorun ne

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

div ve mystyles.less eklediğiniz aĢağıdaki

yapılan bu sözdizimi değiştirdiğinizde bu

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

.myclass { 
    .somepattern(); 
} 

, çalışıyor ekledik Bu, problemin .somepattern duruşunun sözdiziminde olduğu anlamına gelir. .somepattern() ve .somepattern ve somepattern'u denedim, ancak hiçbir şey çalışmıyor. You have

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

.myclass { 
    .somepattern; 
}
+5

+1 oy AZ müthiş ve iş onu almaya çalışırken herkes büyük cesaret :) – Domenic

cevap

3

sadece somepattern;

Yani .somepattern(); kullanmak gerekmez sınıfta kod sahip düz eski yoludur rel paramater olarak düz "stil sayfası" yerine "stil sayfası/daha az" kullanmak. Bu gibi görünmelidir:

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

Kişisel 'rel = "hak çünkü stil"' = o 'rel olmalıdır yanlıştır"/less "' –

+0

@zmol - ".somepattern;", yani rel = "stylesheet" '' rel = "stylesheet/less" 'olarak değiştirdiniz mi? –

+0

Sonunda çalıştı. Bir tarayıcı önbellek problemi olabileceğini düşünüyorum. Sonunda daha önce denediğim yemin ederim .somepattern ile çalıştı. – zmol

3

: çalışan tek şey kendisi

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

+1 Kodu kontrol ettim. Çalışması için 'rel =" stylesheet/less "' kullanmalısınız. Ve aynı şey LESS projesinin ön sayfasında yazılmıştır. –

+0

Tarayıcının konsolunu kontrol edin. Sessiz bir hata, '.less' dosyasının adresi yanlış ise oluşumu. Az dosyanın kendisinde bir hata varsa, büyük bir kırmızı hata mesajı görüntülenir. –