我目前正在使用 LESS 而不是 CSS,我想知道是否有办法获取当前选择器 + 一个类。有一种方法可以使用伪类来执行此操作,但据我所知,不是使用类。
伪类:
li {
a {
&:hover {
}
}
}
&:hover
基本上得到了 li a:hover
。我想知道的是我将如何为类做这件事。例如,如果我想获得 ul li.active
,我必须使用以下代码:
ul {
li {
}
li.active {
}
}
我希望有更接近第一段代码的东西,但我在 LESS features page 上看不到任何东西.是否有类似这样的事情被我忽略了?
最佳答案
就像使用伪类一样链接类选择器:
ul {
li {
&.active {
}
}
}
您可以使用任何一个或多个不是类型或 *
选择器的简单选择器以及伪元素来执行此操作。 &
可以出现在大多数可以将选择器片段注入(inject)另一个片段而不会导致语法错误的地方;文档中给出的伪类和伪元素示例并不是唯一的示例。该文档有一整节关于使用 &
的内容,可以在 here 中找到。 .
关于css - this + 类选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23440855/