这个+类选择器

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。