如何将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中，没有办法说“此属性的值应该与另一个规则集中的属性值相同”。

对于这类事情，您通常会使用分组选择器：

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

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

Answer 2

无法仅在CSS中定义关系。

您必须使用javascript来完成您想要的任务。

Answer 3

“没有办法”答案是正确的 - 你能得到的最好的是使用CSS框架（或者更准确的“编译器”），例如Compass，它允许你定义变量，子类，以及源文件中的类似，然后编译为实时CSS。有nice roundup of CSS compilers here。