css - 是否可以在 LESS 中添加父选择器？

我的 CSS 由组件组成，每个组件都是独立的。

例子:

.menu {
  background: black;
}

我使用的框架有时会向 body-tag 添加一个类。例如，对于登录用户，它看起来像这样:

<body class="loggedIn">
  <div class="menu"</div>
</body

我想在每个组件中保持 css 结构化。是否可以在 less 中添加一个选择器，该选择器是在父级之前添加的？像这样的东西:

.menu{
  %loggedIn{
    color: red
  }
}

应该给登录用户一个红色菜单。

最佳答案

除非我完全误解了你，而且有可能，否则 &-parent-selector 正是你所需要的!

.menu{
  .loggedIn & {
    color: red
  }
}

应该导致

.loggedIn .menu {
  color: red
}

关于css - 是否可以在 LESS 中添加父选择器？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27146022/

相关文章：

css - HTML/CSS 使 div 捕捉到窗口的底部