铬css级联

时间:2013-02-25 04:50:12

标签: css google-chrome override

我有一个在我的css中为属性颜色设置两次样式的元素。更具体的选择器给出颜色:红色,另一种颜色:黑色。在实际显示的结果中显示黑色。

当我检查元素并查看计算出的样式时,我看到黑色的线条被打破,红色没有被删除。然而,在那里,所得到的颜色显示为黑色,尽管相应的线被打出。

当我使用!重要时它仍然看起来完全一样。任何人都知道为什么会这样?

1 个答案:

答案 0 :(得分:-1)

CSS是一个级联样式表,因此它应用了元素的最后一个代码。

 <p>TEST</p>
 p{color:red;!important}
 p{color:blue;}

因此p元素的颜色将为蓝色。这是css的正常行为。

但CSS优先考虑不同的选择器。

问题的实时原型:http://jsfiddle.net/2YMD3/2/

您可以在here

上查看css优先级