1

请你能告诉我为什么这个 LESSCSS 不起作用吗？H2不变色？

谢谢

StyleSheet2.less

@color: blue;

#header {
  color: @color;
}
h2 {
  color: @color;
}

HTML

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-2.0.3.min.js" type="text/javascript"></script>
    <link href="_/css/StyleSheet1.css" rel="stylesheet" />
    <script src="_/script/JavaScript1.js" type="text/javascript"></script>
    <link rel="stylesheet/less" type="text/css" href="_/css/StyleSheet2.less"> 
    <script src="_/script/less-1.4.1.min.js" type="text/javascript"></script>





<!-- css3-mediaqueries.js for IE less than 9 -->
 <!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->


</head>
<body>
    <div>


        <div id="bodyDiv">
            a<br />
            a<br />
            a<br />
            a<br />
            a<br />
            a<br />
            a<br />
            a<br />
            a<br />
            a<br />
            a<br />
            <h2>test</h2>a<br />
            a<br />

        </div>
    </div>
</body>
</html>
4

1 回答 1

1

您的 less 文件在语法上是正确的，您的 less 样式表和脚本的顺序正确，并且您的控制台没有显示错误，因此除非您出于某种原因禁用了 javascript，否则错误必须在_/css/StyleSheet1.css您可能为h2元素定义颜色的位置具有比您在 less 样式表中指定的规则更高的优先级。删除该规则或为您的较少样式表中的规则赋予更高的优先级（例如#bodyDiv h2{}）以解决该问题。

于 2013-07-22T11:18:36.437 回答