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

Question

我是 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()，但没有任何效果。唯一有效的是在类本身中使用代码的简单旧方法.somepatternsomepattern

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

score 3 · Accepted Answer

你不必.somepattern();只使用somepattern;

所以：

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

。我的课 {
    .somepattern;
}

score 3 · Accepted Answer

您必须使用“样式表/更少”而不是普通的“样式表”作为rel参数。它应该如下所示：

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

2 回答 2