使用css的多个html标签的通用类

Question

我有一个特定的css类“样式”，它给各个部门带来玻璃效果。该网站位于http://www.rohanjain.in/。我有各种html5标签，它们使用定义的css类的玻璃效果。 有没有办法在.css中定义，以便我的页眉，页脚，文章标签自动使用“玻璃”类，即它们从这个类继承。我想减少css和html的大小。现在这些标签从html提供属性class =“stlyed”。但是有没有办法只使用CSS来做到这一点 我真的不想做这样的事情：

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

我想使用浏览器检测并根据支持的功能在其他.css中定义类 glass ，同时保持最小的尺寸。

---

更新1： 这是css http://www.rohanjain.in/media/css/style.src.css的来源。由于多浏览器效果定义，样式类的大小很高。

更新2： 似乎没有简单的方法来实现类的继承，所以我最终在html元素中使用class =“stlyed”来实现这一点。

Answer 1

有一个名为LESS的工具就是这样做的：

Can a CSS class inherit one or more other classes?

Answer 2

不，你要么必须一起定义它们：

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

这些标签与“glass”类具有相同的样式，或者您必须使用JavaScript动态地将“glass”类添加到这些元素。

Answer 3

从CSS角度考虑这个问题。如果你不准备明确地告诉CSS有关它们并且你不打算隐式地对你的标记进行分类，那么你的CSS如何知道你有一些标签在某种程度上是特殊的？

我认为最好的解决方案是对你的标记进行分类（但不要使用像“玻璃”这样的非语义的东西），但基于显式元素的CSS是完全可以接受的。

Answer 4

如果我理解正确，你的方式

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

确实是唯一，也是最正确的方法。我不明白为什么你不想使用它，或者你正在寻找其他什么样的定义？