我如何基於一個CSS設置另一個？

Question

考慮下面的動態生成CSS：

.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc; } 

我怎樣才能提取background值用於：

body 
{ 
background-color: VALUE_FROM_UI_WIDGET_HEADER_GOES_HERE; 
} 

更多細節：我用jQuery-UI Themeroller並讓用戶上傳自己的主題。我希望頁面的背景顏色基於Themeroller的顏色。這讓他們可以自定義背景顏色。這隻能在CSS中完成嗎？

Answer 1

有沒有辦法來定義CSS只關係。

你不得不使用JavaScript來完成你想要的。

Answer 2

沒有辦法，在CSS中，說「這個屬性的值應該是相同的另一個規則集的屬性值」。

對於這樣的事情，你一般會使用一個分組選擇：

.ui-widget-header { border: 1px solid #4297d7; } 

.ui-widget-header, 
body { 
    background: #5c9ccc; 
} 

Answer 3

「沒有辦法」的答案是正確的afaik - 你可以得到的最好的結果是使用CSS框架（或者更準確地說是「編譯器」），例如Compass，它允許你定義變量，子類和在源文件中類似，然後編譯到實時CSS。有一個nice roundup of CSS compilers here。