CSS继承不应用样式

所以我有下面的DOM结构，我将重点关注突出显示的类

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

感谢您的帮助

.fmg-white
{
    /* marker */
}

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

---

您正在错误地应用选择器：

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

.fmg white

是

div.x4-form-field.fmg4 html框的祖先

如果所需的项具有多个类，则可以将它们链接起来，而不是将它们隔开

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

也就是说，
html div
将为页面上的所有div设置样式，但
#myDiv div
将仅为
#myDiv
的后代设置样式