这是页面的 HTML 内容:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="js/less-1.3.0.min.js" type="text/javascript"></script>
<link rel="stylesheet/less" type="text/css" href="style.less" >
</head>
如果我在 Google Chrome 中打开源代码并在新选项卡中打开以查看较少的 javascript 文件和我编写的较少样式表，我可以看到内容，这意味着它们已正确链接。
为什么我的 LESS 样式没有被应用？
编辑:即使从 WAMP 运行它以避免整个“file:///”问题，也不应用样式。
编辑:
.less 文件的内容:
html, body {
margin:0;
padding:0;
}
#headbg {
height:497px;
background-color:red;
}
#header-wrapper {
width:980px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
#header-wrapper #left-container {
float:left;
position:relative;
outline:1px solid cyan;
}
#logo {
margin-left:10px;
display:block;
}
#logo-hue {
position:absolute;
top:20px;
}
#social {
float:left;
color:#fff;
}
#social .message {
text-align:center;
}
#social .contact {
text-align:center;
}
#header-wrapper #carusel-container {
float:left;
outline:1px solid cyan;
}
#bodybg {
background-color:#fff;
}
最佳答案
将样式表引用置于其他任何之上。
<head>
<link rel="stylesheet/less" type="text/css" href="style.less" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="js/less-1.3.0.min.js" type="text/javascript"></script>
</head>
关于css - 客户端 LESS 没有使用我写的样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10585078/