CSS继承不应用样式

Posted 2023-02-26

【中文标题】CSS继承不应用样式

【英文标题】：CSS Inheritence not applying style

【发布时间】：2012-09-07 15:48:46

【问题描述】：

所以我有以下 DOM 结构，我将重点放在突出显示的类上。

我想将“Contributing to Aggregate”文本的颜色更改为白色。我在顶层项目上放置了一个“标记”CSS 类（称为 fmg-white）（以从页面上的其他元素中识别此元素实例）。我创建了第二个 CSS 规则（.x4-form-field .fmg4-html-box .fmg-white），我认为它将“标记”类与较低级别的应用类（.x4-form-field .fmg4-html-box) 专门针对 DIV 中的文本。但这并没有发生…… （标记由 extjs4 发出）

感谢任何帮助。

.fmg-white

    /* marker */


.x4-form-field .fmg4-html-box .fmg-white

    color: White !important;

【参考方案1】：

您错误地应用了选择器：

.fmg-white .x4-form-field.fmg4-html-box

    color: White !important;

.fmg-white 是div.x4-form-field.fmg4-html-box 的祖先

如果您想要的项目有多个类别，则将它们链接起来而不是将它们分开。

空格（在两个选择器之间）表示下一项将是前一项的后代。

I.E. html div 将为页面上的所有 div 设置样式，但 #myDiv div 将仅设置属于 #myDiv 后代的 div 的样式