css - 两次定义 CSS 属性

Question

通用.css

#feedback_bar
{
  /*props*/
}

另一个.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;。

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