css - less 中的嵌套样式,样式父级和子级

标签 css less

如何为元素及其某些后代设置样式?例如:

.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
background-color: black;
color: #fff;
font-weight: bold;

}

在较少的文档中,我发现了嵌套样式,效果很好,但我想同时选择 $this 和后代。

.datepick-month-header {

     select, input { // this selects "select" and "input", 

}

}

如何在一个声明中设置所有三个元素(父元素、子元素)?

谢谢

最佳答案

使用 & 引用父上下文,例如。

.a {
  &, & .b .{
  }
}

关于css - less 中的嵌套样式,样式父级和子级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12446929/

相关文章:

internet-explorer - 在 IE 8 和 7 中使用较新的 CSS3 选择器的首选方法是什么?

html - Bootstrap 上的垂直对齐底部图像

html - 如何使用 Javascript/CSS 在 IE 中更新表格行背景颜色?

javascript - 如何在背景图片上添加文字

css - 不同的字体大小以跨越 p 内的标签

css - LESS 有父选择器吗?

javascript - Webpack 运行 .LESS 和 .SCSS 编译。提取文本插件不适用于一个捆绑文件

html - 如何使用光标 url 减小图像的大小?

css - 为什么隐藏的内容会影响布局,即使在父级上隐藏了溢出?

asp.net-mvc - 在带有 Web Essentials 的 Visual Studio 2013 中使用 LESS 和 MVC5