gpt4 book ai didi

html - 为什么我的 LESSCSS 不工作

转载 作者:行者123 更新时间:2023-11-28 18:17:00 25 4
gpt4 key购买 nike

你能告诉我为什么这个 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>

最佳答案

你的 less 文件在语法上是正确的,你的 less 样式表和脚本的顺序是正确的,你的控制台没有显示任何错误,所以除非你出于某种原因禁用了 javascript,否则错误一定在 _/css/StyleSheet1.css 您可以在其中为 h2 元素定义颜色 higher precendence比您在 less 样式表中指定的规则。删除该规则或在您的 less 样式表中赋予该规则更高的优先级(例如 #bodyDiv h2{})以解决该问题。

关于html - 为什么我的 LESSCSS 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17785884/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com