css - 嵌套样式在少，样式父和子

Question

如何为元素和他的一些后代设置样式？例如：

.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", 

}

}

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

谢谢你

Answer 1

使用 & 来引用父上下文，例如。

.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;

}

}