如何阻止我的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，由于增加了！重要的。