css - less のネストされたスタイル、スタイルの親と子

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

}

}

1 つの宣言で 3 つの要素 (親、子) をすべて設定するにはどうすればよいですか?

ありがとうございました

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;

}

}