CSS 规范 : properties specified multiple times

Question

免责声明:我知道这是个坏主意，我自己从来没有这样做过，但我正在努力弄清楚 CSS 规范是怎么说的。

如果我有这样的 CSS:

span { color: 'red'; color: 'green'; }

谁赢了？第一个，最后一个，我的浏览器随机选择的？

相关的，如果它们是多余的但不等价，例如:

span { border-top-width: 10px; border-width: 5px; }

这是否完全按照我所说的进行解析:

span { border-top-width: 10px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; }

然后前面的规则适用？或者是否有不同的规则适用于像这样的冗余但不等效的 CSS 属性？

我一直在研究 CSS 规范，但似乎找不到任何直接适用于此的内容。

谢谢!

Answer 1

它级联到最后一个有效声明。所以 - color:'green' 会赢。

再次，级联获胜。 border-top-width 将独立设置样式，但 border-width: 将获胜以将 5px 应用于所有。