两次定义CSS属性

Question

general.css

#feedback_bar
{
  /*props*/
}

another.css

#feedback_bar
{
  /*props*/
}

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

Answer 1

最后定义的属性将覆盖先前定义的属性.除非您使用!important先前定义的CSS部分.

.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;.

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