属性优先级在css中重要吗？

在查看bootstrap版本3的新的

bootstrap.css

文件时，我遇到了这个片段

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

在另一个拆分视图中，我有

normalize.css

，其中有这个片段

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

我在

normalize.css

代码段中找到了这个注释

/**
 * Address differences between Firefox and other browsers.
 */

比较两者，height属性在bootstrap中排在第一位，在normalize中排在最后。这有什么关系吗？

没有

显然，它只在同一属性或子属性时才起作用，比如先设置

左填充

，然后设置

左填充

不起作用

---

显然，它只在同一个属性或子属性时才起作用，比如先设置

左填充

，然后再设置

左填充

，，大多数情况下，如果样式冲突，问题将归结为特定性

声明Css时的一个一般经验法则是，声明属性时尽量少使用元素样式所需的特殊性

让我们来看三件事，它们控制哪一个css规则应用于给定的html元素：

• 特异性计算
• 继承权
• 瀑布

粗体回答：不，没关系

---

大多数时候，如果你在风格上存在冲突，那么问题将归结为具体问题

声明Css时的一个一般经验法则是，声明属性时尽量少使用元素样式所需的特殊性

让我们来看三件事，它们控制哪一个css规则应用于给定的html元素：

• 特异性计算
• 继承权
• 瀑布

粗体回答：不，没关系

看看