较少的嵌套样式，样式父和子

Question

如何为元素及其后代设置样式？例如：

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

}

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

.datepick-month-header {

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

}

}

如何在一个声明中设置所有三个元素（父元素，子元素）？

谢谢

Answer 1

使用＆amp;引用父上下文，例如

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

Answer 2

我知道我可以这样做，但在输出css中获取冗余码：

.datepick-month-style {

background-color: @datepickMonthHeaderBackgroundColor;
color: @datepickMonthHeaderColor;
font-weight: bold;

}

.datepick-month-header {

.datepick-month-style;

select, input {

    .datepick-month-style;

}

}