两次定义CSS属性

Question

general.css

#feedback_bar
{
  /*props*/
}

another.css

#feedback_bar
{
  /*props*/
}

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

Answer 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;。

另外，请花点时间阅读一些关于这个答案的评论，因为它们提出了值得进一步阅读的好点。

Answer 2

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

Answer 3

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