我有一个在我的css中为属性颜色设置两次样式的元素。更具体的选择器给出颜色:红色,另一种颜色:黑色。在实际显示的结果中显示黑色。
当我检查元素并查看计算出的样式时,我看到黑色的线条被打破,红色没有被删除。然而,在那里,所得到的颜色显示为黑色,尽管相应的线被打出。
当我使用!重要时它仍然看起来完全一样。任何人都知道为什么会这样?
答案 0 :(得分:-1)
CSS是一个级联样式表,因此它应用了元素的最后一个代码。
<p>TEST</p>
p{color:red;!important}
p{color:blue;}
因此p元素的颜色将为蓝色。这是css的正常行为。
但CSS优先考虑不同的选择器。
问题的实时原型:http://jsfiddle.net/2YMD3/2/
您可以在here
上查看css优先级