Html 为什么我的LESSCS不起作用_Html_Css_Less

Html 为什么我的LESSCS不起作用

html css less

Html 为什么我的LESSCS不起作用,html,css,less,Html,Css,Less,你能告诉我为什么这个LESSCS不起作用吗？ H2没有变色谢谢样式表2.0 @color: blue; #header { color: @color; } h2 { color: @color; } HTML a a a a a a a a a a a 种皮 a 您的less文件语法正确，less样式表和脚本的顺序正确，并且控制台没有显示错误，因此除非出于某种原因禁用javascript，错误必须出现在\u/css/StyleSheet1.css中，您可能在h2元素中定义了一

你能告诉我为什么这个LESSCS不起作用吗？ H2没有变色

谢谢

样式表2.0

@color: blue;

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

HTML


a

a

a

a

a

a

a

a

a

a

a

种皮

a

您的less文件语法正确，less样式表和脚本的顺序正确，并且控制台没有显示错误，因此除非出于某种原因禁用javascript，错误必须出现在

\u/css/StyleSheet1.css

中，您可能在

h2

元素中定义了一种颜色，而该颜色不符合您在less样式表中指定的规则。删除该规则或在less样式表中赋予该规则更高的优先级（例如

#bodyDiv h2{}

）以解决该问题。

less文件在语法上是正确的，less样式表和脚本的顺序正确，并且控制台不会显示错误，因此除非出于某种原因禁用javascript，错误必须出现在

\u/css/StyleSheet1.css

中，您可能在

h2

元素中定义了一种颜色，而该颜色不符合您在less样式表中指定的规则。删除该规则或在较小的样式表中赋予该规则更高的优先级（例如，

#bodyDiv h2{}

）以解决该问题。

什么是“不起作用”？h2不改变颜色需要编译为普通CSS文件。你是否证实了这一点？最好检查CSS文件的内容，看看页面上是否有变化。确定控制台日志中有错误吗？文档中说less.js文件和my style.less文件-正确吗？这意味着什么“不工作”？H2没有变化无颜色的CSS需要编译成普通CSS文件。你是否证实了这一点？最好检查CSS文件的内容，看看页面上是否有变化。确定控制台日志中有错误吗？文档中说是less.js文件和my style.less文件-正确吗？

<!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>