css - 继承 CSS 属性

标签 css

我们使用的框架允许我们修改整个应用程序中使用的配色方案。我不能在颜色上玩太多,想在某些类(class)中重复使用它们。所以假设框架定义了这个类

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

位于一个我无法修改的css文件中,因为这个文件是由框架处理的(如果我修改了这个文件,那么当安装新版本的框架时,我的所有修改都将丢失)

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

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

有办法吗?

最佳答案

我会尝试以下方法。

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

.StyleFromFramework {
    background-color: #FFFFFF;
}

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

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

关于css - 继承 CSS 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29434034/

相关文章:

css - 覆盖 bootstrap less 样式

JavaScript 在多个模式上添加类

css - 绝对定位的元素移动了另一个元素的边距

javascript - 如何在不使用 jQuery 的情况下创建一个简单的页面垂直滚动条?

css - 字体图标的渲染大小差异

jquery - 尝试在 Squarespace 产品页面上添加第二个按钮

javascript - 渲染所有可能的元素或根据要求渲染

html - 将许多相同大小的 div 与 bootstrap yii2 对齐

html - 使用 CSS 圆复选标记 Angular 。是否可以?

jquery - 使用ajax在asp.net中隐藏代码背后的表行