检查父母是不是使用LESS上课

Posted 2023-03-06

【中文标题】检查父母是不是使用LESS上课

【英文标题】：Check if parent has class using LESS检查父母是否使用LESS上课

【发布时间】：2012-12-30 18:53:14

【问题描述】：

示例场景：如果用户启用了 javascript，我想隐藏子导航菜单，以便在单击导航层次结构中更靠上的导航链接时显示该菜单。如果启用了 javascript，Modernizr 会在 html 标记中添加一个类 'js'，以便我可以使用它进行检测。

在 SASS 中我可以这样做：

div.subnav

   display: block;

   html.js & 
      display: none;
   

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

【问题讨论】：

你试过了吗？

【参考方案1】：

这可以使用 LESS 完成吗？

是的。

您提供的代码在 LESS 中有效。 The & combinator works the same.

最后，选择器为：

div.subnav 
    ...
    html.js & 
        ...
    

将是：

div.subnav 
    ...


html.js div.subnav 
    ...

【讨论】：

这是我见过的最棒的事情之一。

很棒的提示，LESS 很大，而且找到正确的说明并不总是那么容易。