Есть ли способ сгруппировать стили CSS на основе их идентификаторов?

Question

Если у меня есть набор стилей CSS, которые применяются внутри определенного элемента страницы, я бы хотел сгруппировать их, а не идентифицировать содержащий элемент страницы для каждого стиля. Например, я хотел бы включить:

#bodywrap #leftcolumn p {...}
#bodywrap #leftcolumn div {...}
#bodywrap #leftcolumn .highlight {...}

в нечто вроде:

#bodywrap #leftcolumn [
 p {...}
 div {...}
 .highlight {...}
]

где все, что содержится в скобках, относится к содержащимся объявлениям. Возможно ли это с помощью css и каков будет синтаксис?

Уточнение добавлено : Мой вопрос не об использовании селекторов идентификаторов. есть ли способ упростить построение нескольких стилей, применяемых внутри содержащего идентификатора, при создании таблицы стилей. если у меня есть 15 стилей, определенных в идентификаторе, я бы хотел сгруппировать их, а не записывать идентификатор для каждого стиля в таблице стилей.

Answer 1

В дополнение к компасу (sass) есть http://lesscss.org/.

Компас компилируется в css, поэтому, несмотря на то, что он основан на ruby, его можно использовать в любой среде. Вы можете использовать меньше с переводом «на лету» или скомпилировать файлы .less в .css.

Я использовал оба, и они оба значительно улучшают организацию CSS.

Answer 2

(еще) еще одно расширение CSS, которое делает это: CleverCSS .

Answer 3

Для Ruby доступна технология под названием SASS, которая позволяет вкладывать и другие подобные сокращения CSS; но что касается простого использования CSS, то нет никакого способа сделать то, на что вы ссылаетесь.

Подробнее о SASS: http://sass -lang.com /