Css 在一个规则中为同一属性指定两次值是否有效？

考虑这一点：

h1 { color: red; color: blue }

或者，更复杂的示例（取自SVG文件，笔划为两次）：

答案似乎是“这是合法的，最后一个作业赢了”，但我真的想知道：中是否有关于此主题的内容？

是的，

h1{color:red；color:blue}

这里

color

将被下一个属性值覆盖，即

blue

---

---

即使是在我的网站处于开发模式时，我也经常使用

border:1px solid#f00

创建页面蓝图。

可以使用多个声明为属性赋值，以便赋值应用于同一元素，例如

h1 { color: red; }
h1 { color: blue }

在同一规则中组合声明不会改变这一点

CSS规范中没有关于这一点的明确声明，所以它是允许的，因为没有禁止它的规则。多个声明非常常见，尽管大多数情况下它们处于不同的规则中，通常甚至在不同的样式表中。但它们也可以在规则中使用。一种常见的技术是

 p { max-width: 25em; max-width: 60ch }

这意味着不识别

ch

单元的较旧浏览器将使用设置

max width:25em

，而在较新的浏览器中，后一个声明将生效

---

CSS中的一条一般规则是，在所有其他条件相同的情况下，后一种声明获胜；这是问题的一部分。在

h1{color:red；color:blue}

的情况下，所有其他条件都是相同的。但是在

h1{color:red！important；color:blue}

中，第一个声明将获胜。

您尝试过验证它吗@Boranas:我不知道那个验证器，谢谢。但是为什么你要对同一个属性使用两个值？@Mirage:我有一个程序，可以对SVG文件中的样式进行一些小的更改，我想避免使用一个完整的CSS解析器来完成这项看起来很简单的任务。#offtop：在dev中应该使用

outline

而不是

border

，因为它不会改变元素的大小；）@MarcinJuraszek我不喜欢大纲，因为我不能将它们设置为右上下左，但实际上我在CSS方面有很好的经验，所以可以很好地掌握这些东西：）很好，它显然是有效的。是否有证据表明第二个属性将覆盖第一个属性？@Mr.Alien:我现在确信：）我找到了：：“4.最后，按指定的顺序排序：如果两个声明具有相同的权重、来源和特定性，则后一个指定的声明获胜。”

 p { max-width: 25em; max-width: 60ch }