沒有應用樣式的CSS繼承

Question

所以我有了以下的DOM結構，我專注於突出顯示的類。

我想改變文本的顏色「促進集約」的白色。我在頂層項目上放置了一個「標記」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; 
} 

Answer 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只會風格的div的後代#myDiv