Как я могу основать одну настройку 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-фреймворк (или, точнее, «компилятор»), такой как Compass , который позволит вам определить переменные, подклассы и тому подобное в исходных файлах, которые затем компилируются в живой CSS. Здесь есть хорошая сводка CSS-компиляторов .

Answer 3

Нет способа определить отношения только в CSS.

Вы должны будете использовать javascript, чтобы достичь желаемого.