Css 如何在LESSCS中只嵌套一层?
我正在努力Css 如何在LESSCS中只嵌套一层?,css,less,Css,Less,我正在努力 li > a 用较少的嵌套。这可能吗 我最初认为可能是这样的 li { > a { } } 但这不起作用。有什么想法吗?看起来应该行得通,但试着在组合符前面添加一个&: li { & > a { } } 在将选择器与其他组合器嵌套时,没有提到使用&,但这里的文档并不是我见过的最好的。较少CSS网站没有提到这些东西,这让人非常困惑。但是所有类型的选择器实际上都能工作(即使没有&符号)。您可以键入任何CSS选择器,它们将正确编译: p
li > a
用较少的嵌套。这可能吗
我最初认为可能是这样的
li {
> a { }
}
但这不起作用。有什么想法吗?看起来应该行得通,但试着在组合符前面添加一个&
:
li {
& > a { }
}
在将选择器与其他组合器嵌套时,没有提到使用
&
,但这里的文档并不是我见过的最好的。较少CSS网站没有提到这些东西,这让人非常困惑。但是所有类型的选择器实际上都能工作(即使没有&符号)。您可以键入任何CSS选择器,它们将正确编译:
p {
> a { }
+ .class { }
~ #named { }
}
为psedodo类/元素编写规则时需要符号(&S):
a {
&:hover { }
&:last-child { }
&::before { }
}
你确定它坏了吗?您是否正在使用LESS的最新版本