LESS css 不工作，这个设置有什么问题答案

【问题标题】：LESS css isn't working, what's wrong with this setupLESS css 不工作，这个设置有什么问题
【发布时间】：2011-09-10 12:58:55
【问题描述】：

我是 less css 的新手并尝试一下。我已经完成了以下操作

我已经添加了这个 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();
}

当我将语法更改为此时，它可以工作，这意味着问题出在 caling .somepattern 的语法中。我试过.somepattern() 和.somepattern 和somepattern 但没有任何效果。唯一有效的方法是在类本身中使用代码的简单旧方式

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

【问题讨论】：

标签： css less

【解决方案1】：

您不必使用.somepattern(); 只需somepattern;

所以：

.somepattern(@color: red, @size: 16px) { 字体大小：@size；字体粗细：粗体；边框：2px 纯色@color； } 。我的课 { .somepattern; }

【讨论】：

@zmol - 尝试再次删除 ()，所以它只是 .somepattern; 您是否将 rel="stylesheet" 更改为 rel="stylesheet/less"？
它最终奏效了。我认为这可能是浏览器缓存问题。它最终与 .somepattern; 一起工作，我发誓我以前尝试过。
@zmol 浏览器 cookie 有问题...stackoverflow.com/questions/8647779/…

【解决方案2】：

您必须使用“stylesheet/less”而不是普通的“stylesheet”作为rel 参数。它应该是这样的：

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

【讨论】：