【问题标题】: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 完成吗?我可以从另一个规则中定位父母吗?

【问题讨论】:

  • 你试过了吗?

标签: css sass less


【解决方案1】:

这可以使用 LESS 完成吗?

是的。

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

最后,选择器为:

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

将是:

div.subnav {
    ...
}

html.js div.subnav {
    ...
}

【讨论】:

  • 这是我见过的最棒的事情之一。
  • 很棒的提示,LESS 很大,而且找到正确的说明并不总是那么容易。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-02-06
  • 1970-01-01
相关资源
最近更新 更多