更少，樣式父和子女的嵌套樣式

我如何設置元素和他的一些後代的樣式？例如像：更少，樣式父和子女的嵌套樣式

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

}

少文檔中我發現嵌套樣式，誰的作品很好，但我想選擇兩個$這和後代。

.datepick-month-header { 

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

}

}

我怎麼能設置的所有在一個聲明中的三個要素（父母，子女）？

謝謝

來源

2012-09-16 Daniele

您是否嘗試過你什麼建議？簡單地聲明由逗號分隔的多個選擇器應該可以工作。你有什麼問題？ –

絕對，我得到這個：.datepick-month-header select， .datepick-month-header input { background-color：＃000000; color：#ffffff; font-weight：bold; }它沒有風格的父母 – Daniele

它應該工作正常。我在http://lesstester.com/上針對less編譯器運行相同的代碼，並得到了我期望的結果。 –

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

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

來源

2012-09-16 12:55:34

要走的路！謝謝。 – Daniele

我可以看到這是如何解決你的問題@Daniele，但我仍然不明白爲什麼一個簡單的鏈接decleration不適合你。如果我做.a，.a .b {}，這對我來說工作正常。我想知道我是否會誤解你的問題，或者你的東西可能會出錯。 –

我知道有很多方法可以得到這個，但我爲了知識而要求;） – Daniele

我知道我能做到這一點，但在輸出CSS獲得冗餘碼：

.datepick-month-style { 

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

} 

.datepick-month-header { 

.datepick-month-style; 

select, input { 

    .datepick-month-style; 

} 

}

來源

2012-09-16 12:57:16 Daniele

更少，樣式父和子女的嵌套樣式

回答

相關問題