检查父级是否使用LESS进行课程

Ada*_*ite 24 css sass less

示例场景:如果用户启用了javascript,我想隐藏子导航菜单,以便在导航层次结构中进一步向上点击导航链接时显示该菜单.如果启用了javascript,则Modernizr会在html标记中添加一个类'js',因此我可以将其用于检测.

在SASS我可以这样做:

div.subnav{

   display: block;

   html.js & {
      display: none;
   }

}
Run Code Online (Sandbox Code Playgroud)

这可以用LESS完成吗?我可以从其他规则中定位父级吗?

zzz*_*Bov 52

这可以用LESS完成吗?

是.

您提供的代码在LESS中有效.& combinator工作原理相同.

最后,选择器生成为:

div.subnav {
    ...
    html.js & {
        ...
    }
}
Run Code Online (Sandbox Code Playgroud)

将会:

div.subnav {
    ...
}

html.js div.subnav {
    ...
}
Run Code Online (Sandbox Code Playgroud)

  • 这是我见过的最伟大的事情之一. (8认同)