相对较新的LESS并尝试嵌套如何工作.我已经阅读了较少页面上的内容.
HTML
<!DOCTYPE html>
<html>
<head class="Setup">
<link rel="stylesheet/less" type="text/css" href="../LESS/core.less"/>
</head>
<div class="Test">
<span id="Test1" class="Test2"></span>
</div>
</html>
Run Code Online (Sandbox Code Playgroud)
减
.Test2 {
display: block;
#Test1 {
.background1;
width: 40px;
height: 1000px !important;
}
}
Run Code Online (Sandbox Code Playgroud)
但如果我在没有嵌套的情况下写它就可以了
.Test2 {
display: block;
}
#Test1 {
.background1;
width: 40px;
height: 1000px !important;
}
Run Code Online (Sandbox Code Playgroud)
.background只是{background:red;}.这个概念在我的脑海里搞砸了吗?