CSS继承不应用样式

Question

所以我得到了以下 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;
}

Answer 1

您错误地应用了选择器:

.fmg-white .x4-form-field.fmg4-html-box
{
    color: White !important;
}

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

的祖先

如果您想要的元素有多个类，您可以将它们链接起来而不是将它们隔开。

空格(在两个选择器之间)表示下一个元素将是前一个元素的后代。

即html div 将设置页面上所有 div 的样式，但 #myDiv div 将仅设置作为 #myDiv

后代的 div 的样式