Общий класс для нескольких тегов HTML с использованием CSS

Question

У меня есть особый класс CSS, "стиль", который дает эффект стекла различным подразделениям. Сайт находится по адресу http://www.rohanjain.in/.. У меня есть различные теги html5, которые используют эффект стекла из определенного класса CSS. Есть ли способ определить в .css, чтобы мои теги header, footer, article использовали класс «glass» автоматически, то есть наследовали от этого класса. Я пытаюсь сделать, чтобы уменьшить размер CSS и HTML. Прямо сейчас эти теги предоставлены атрибутом class = "stlyed" из html. Но есть ли способ сделать это только с помощью CSS.
Я действительно не хочу сделать что-то вроде этого:

article, footer, header{
    ...css definations... 
}

Я хочу использовать обнаружение браузера и определить класс стекло в некоторых других файлах .css в соответствии с поддерживаемыми функциями при сохранении минимального размера.

---

Обновление 1: Это источник css http://www.rohanjain.in/media/css/style.src.css. Размер класса styleled велик из-за определения мультибраузерного эффекта.

Обновление 2: Кажется, что нет простого способа добиться наследования классов, поэтому я наконец-то использую class = "stlyed" в элементах html для достижения этой цели.

Answer 1

Подумайте об этом с точки зрения CSS. Как ваш CSS должен знать, что у вас есть некоторые теги, которые в некотором роде особенные, если вы не готовы явно рассказать о них CSS и не собираетесь неявно классифицировать свою разметку?

Лучшее решение, которое я считаю, состоит в том, чтобы классифицировать вашу разметку (но не использовать что-то такое несемантическое, как «стекло»), но CSS на основе явных элементов вполне приемлем.

Answer 2

Существует инструмент под названием LESS, который будет делать именно это:

Может ли класс CSS наследовать один или несколько других классов?

Answer 3

Нет, вы должны либо определить их вместе:

article, footer, header, .glass {
    ...
}

, чтобы эти теги имели те же стили, что и класс "glass", либо использовать JavaScript для динамического добавления "glass"класс для этих элементов.

Answer 4

Если я вас правильно понимаю, то, как вы показываете

article, footer, header{
    ...css definations... 
}

действительно единственный и самый правильный способ сделать это. Я не понимаю, почему вы не хотите его использовать, или какое другое определение вы ищете?