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

前端之家收集整理的这篇文章主要介绍了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 {
    ...
}

猜你在找的CSS相关文章