我喜欢less.js制作嵌套规则的能力.例如
.A{
.B{
width:50px;
}
}
Run Code Online (Sandbox Code Playgroud)
结果
.A .B{
width:50px;
}
Run Code Online (Sandbox Code Playgroud)
但有没有办法让它产生这个:
.A > .B{
width:50px;
}
Run Code Online (Sandbox Code Playgroud)
我已经尝试过这样做:
.A{
&>.B{
width:50px;
}
}
Run Code Online (Sandbox Code Playgroud)
但它不起作用......
谢谢!
我知道
div {
a {
...
}
}
Run Code Online (Sandbox Code Playgroud)
在 LESS 中将代表
div a {
...
}
Run Code Online (Sandbox Code Playgroud)
在 CSS 中。问题是什么是 LESS 代码:
div > a {
...
}
Run Code Online (Sandbox Code Playgroud)
?