css - 铬 css 级联

Question

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

当我检查元素并查看计算样式时，我看到黑色的线被划掉了，红色没有被划掉。然而，在那里，结果颜色显示为黑色，尽管相应的线被删除。

当我使用 !important 时，它看起来仍然完全一样。有人知道为什么会这样吗？

Answer 1

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

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

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

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

你的问题的现场原型：http: //jsfiddle.net/2YMD3/2/

您可以在此处检查 css 优先级