this + 类选择器

Question

我目前正在使用 LESS 而不是 CSS，我想知道是否有办法获取当前选择器 + 一个类。有一种使用伪类的方法，但据我所知，不是使用类。

伪类：

li {
    a {
        &:hover {

        }
    }
}

&:hover 基本上得到li a:hover。我想知道的是我将如何在课堂上做到这一点。例如，如果我想获得ul li.active，我必须使用以下代码：

ul {
    li {

    }
    li.active {

    }
}

我希望有更接近第一段代码的内容，但我在LESS features page 上看不到任何内容。有没有我刚才忽略的类似情况？

Answer 1

只需像使用伪类一样链接类选择器：

ul {
    li {
        &.active {

        }
    }
}

您可以使用任何一个或多个不是类型或* 选择器的简单选择器以及伪元素来执行此操作。 & 可能出现在大多数可以将选择器片段注入另一个选择器片段而不会导致语法错误的地方；文档中给出的带有伪类和伪元素的示例并不是唯一的示例。该文档有一整节关于使用&，可以在here找到。