我们正在使用一个框架,允许我们修改整个应用程序中的配色方案。我不能在颜色上玩很多,并希望在某些类中重复使用它们。所以,假设框架定义了这个类
.StyleFromFramework {
color:#515151;
background-color: #FFFFFF;
}
位于一个我无法修改的css文件中,因为该文件由框架处理(如果我修改了这个文件,那么在安装新版本的框架时我的所有修改都将丢失)
我想在包含所有更新的文件中重用此类的颜色。
.NewStyle {
color: **.StyleFromFramework:color**
Font: Verdan 11 px;
}
有办法吗?
答案 0 :(得分:1)
我会尝试以下方法。
.StyleFromFramework, .NewStyle {
color:#515151;
}
.StyleFromFramework {
background-color: #FFFFFF;
}
.NewStyle {
background-color: none; /* or some other value... */
}
第一个规则共享颜色,另外两个规则指定特定于其他两个类的属性。
答案 1 :(得分:0)
你应该看看less.css,它正是你正在寻找的。 p>
答案 2 :(得分:0)
也许我没有正确理解你,但CSS不是动态语言,你可以在其中重用规则和组件。
我建议使用SASS/SCSS
框架或类似内容(LESS
,Stylus
...等)
在这些框架中,这是最有用的功能之一,允许您将一组CSS属性从一个选择器共享到另一个选择器
在此处阅读更多内容:http://sass-lang.com
答案 3 :(得分:0)
使用像Sass,Less或Stylus这样的CSS预处理器可以使用变量,然后可以在项目中重复使用。
基础实例可以是completely restyled和Sass。