如何阻止我的css聲明被覆蓋

Question

我有一個div的A B類C
我給c添加了一個樣式來顯示顏色爲「紅色」;
的問題是它是從樣式A和B.

，我讀了!important只，抑制由聯樣式被覆蓋的CSS，但並不妨礙其他CSS的覆蓋重寫。

如何標記C的風格最強？

Answer 1

增加規則C的specificity上述的規則A和B.通常我會包括一些解釋在這裏，但在鏈接的網站上的一個是極好的。

Answer 2

!important應該工作得很好，但如果沒有，你可以鏈接你的班，你的宣言，像這樣：

div.a.c,div.b.c,div.a.b.c { color:red }

Answer 3

div.a, div.b { 
    background-color: #00f; 
} 
div.c { 
    background-color: #f00 !important; 
} 

!important將優先規則和繼承將被忽略。

Answer 4

div.a, div.b, div.c { 
    background-color: #00f; 
} 
div.c { 
    background-color: #f00; 
} 

應該工作，CSS是連續的。這意味着該元素的最後一個樣式應用了沒有更多特定樣式可用。更具體的是例如

body div.c { 
    background-color: #f00; 
} 

Answer 5

的！重要聲明提供了一個樣式表的作者給出一個CSS值更多的重量比它自然有辦法。這裏應該指出，「！重要聲明」這個短語是對整個CSS聲明的引用，包括屬性和值，並添加了！important。

下面是一個簡單的代碼示例，清楚地說明了如何重要的影響是樣式應用於自然的方式：

#example { 
     font-size: 14px !important; 
    } 

    #container #example { 
     font-size: 10px; 
    } 

在上面的代碼示例，以「榜樣」的ID的元素將文本大小爲14px，由於增加了！重要的。