css - this + 类选择器

标签 css css-selectors less

我目前正在使用 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/

相关文章:

jquery - Bootstrap navbar-fixed-top 不工作

css - (p span) 和 (p > span) 有什么区别?

css - 可以将 WinLess 配置为 checkout 或覆盖 checkin 输出文件吗?

css - 输入类型 "range"的拇指样式在 IE 中不起作用

less - 灰度不适用于 LESS

仅从第二次开始具有间隔和延迟的CSS动画

javascript - 如何增加进度条的值(value)?

html - 在 "@media"表达式中的 CSS 中使用媒体查询

css - 在 div 中垂直和水平居中表格

jquery - 如何否定上下文