没有应用样式的CSS继承

css
extjs4.1

2012-09-07 156 views 0 likes

所以我有了以下的DOM结构，我专注于突出显示的类。没有应用样式的CSS继承

enter image description here

我想改变文本的颜色“促进集约”的白色。我在顶层项目上放置了一个“标记”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; 
}

来源

2012-09-07 Stratton

回答

你是正确应用您的选择：

.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只会风格的div的后代#myDiv

来源

2012-09-07 16:03:56 Shmiddty

完美的感谢！ – Stratton

没有应用样式的CSS继承

回答

相关问题