两次定义 CSS 属性答案

【问题标题】：Defining CSS properties twice两次定义 CSS 属性
【发布时间】：2017-04-04 08:44:17
【问题描述】：

general.css

#feedback_bar
{
  /*props*/
}

另一个.css

#feedback_bar
{
  /*props*/
}

这是允许的吗？两者都会继承吗？

【问题讨论】：

标签： css

【解决方案1】：

最后定义的属性将覆盖之前定义的属性。除非你在前面定义的 CSS 部分使用!important。

.thing {
    padding: 10px;
}

.thing {
    padding: 12px;
}

.thing 将拥有padding: 12px;

.thing {
    padding: 15px !important;
}

.thing {
    padding: 123px;
}

.thing 将有 padding: 15px;

这是允许的，为了更严格地回答您的问题，两者都确实会被继承，如下例所示：

.thing {
    padding: 10px;
}

.thing {
    background: red;
}

.thing 将同时拥有 padding: 10px; 和 background: red;。

另外，请花点时间阅读有关此答案的一些 cmets，因为它们提出了值得进一步阅读的要点。

【讨论】：

【解决方案2】：

最后加载的会覆盖之前的声明。至于被允许，css 不能向您抛出错误：P。不过可能不是一个好主意。

【讨论】：

【解决方案3】：

这是允许的，但如果有重复的属性，将使用最后一个。

【讨论】：