css – 检查父类是否使用LESS的类

示例场景：如果用户启用了JavaScript，我想隐藏子导航菜单，以便在导航层次结构中进一步点击导航链接可以显示该菜单。如果启用了javascript，Modernizr会在html标签中添加一个类’js’，所以我可以使用它来进行检测。

在SASS我可以做这样的事情：

div.subnav{

   display: block;

   html.js & {
      display: none;
   }

}

这可以使用LESS吗？我可以从另一个规则中定位父母？

解决方法

Can this be done using LESS?

是。

您提供的代码在LESS中工作。 The & combinator works the same。

最后，生成的选择器为：

div.subnav {
    ...
    html.js & {
        ...
    }
}

将会：

div.subnav {
    ...
}

html.js div.subnav {
    ...
}

原文地址：https://www.jb51.cc/css/218639.html