css - 使用 LESS 检查父级是否上课

Question

示例场景:如果用户启用了 javascript，我想隐藏一个子导航菜单，以便在点击导航层次结构中更高层的导航链接时显示它。如果启用了 javascript，Modernizr 会在 html 标签中添加一个“js”类，这样我就可以使用它进行检测。

在 SASS 中我可以这样做:

div.subnav{

   display: block;

   html.js & {
      display: none;
   }

}

这可以使用 LESS 来完成吗？我可以从另一个规则中定位父级吗？

Answer 1

Can this be done using LESS?

是的。

您提供的代码适用于 LESS。 The & combinator works the same .

最后，生成的选择器是:

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

将是:

div.subnav {
    ...
}

html.js div.subnav {
    ...
}