我如何基于一个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。