继承CSS属性

Question

我们正在使用一个框架，允许我们修改整个应用程序中的配色方案。我不能在颜色上玩很多，并希望在某些类中重复使用它们。所以，假设框架定义了这个类

.StyleFromFramework {
     color:#515151;
     background-color: #FFFFFF;
}

位于一个我无法修改的css文件中，因为该文件由框架处理（如果我修改了这个文件，那么在安装新版本的框架时我的所有修改都将丢失）

我想在包含所有更新的文件中重用此类的颜色。

.NewStyle {
     color: **.StyleFromFramework:color**
     Font: Verdan 11 px;
}

有办法吗？

Answer 1

我会尝试以下方法。

.StyleFromFramework, .NewStyle {
    color:#515151;
}

.StyleFromFramework {
    background-color: #FFFFFF;
}

.NewStyle {
    background-color: none; /* or some other value... */    
}

第一个规则共享颜色，另外两个规则指定特定于其他两个类的属性。

Answer 2

你应该看看less.css，它正是你正在寻找的。

Answer 3

也许我没有正确理解你，但CSS不是动态语言，你可以在其中重用规则和组件。

我建议使用SASS/SCSS框架或类似内容（LESS，Stylus ...等） 在这些框架中，这是最有用的功能之一，允许您将一组CSS属性从一个选择器共享到另一个选择器 在此处阅读更多内容：http://sass-lang.com

Answer 4

使用像Sass，Less或Stylus这样的CSS预处理器可以使用变量，然后可以在项目中重复使用。

基础实例可以是completely restyled和Sass。