未应用子内容占位符中的 CSS 样式表

Question

我有一个母版页，其 head 标记中包含 CSS 样式表引用。我在母版页 header 标记中也有一个内容占位符。在使用该母版页的子页面中，我在头部的内容占位符中放置了特定于该页面的 CSS 样式表引用。

子页面中的 CSS 样式表中的样式应该覆盖母版页中 CSS 样式表中的某些样式。只有母版页中的一些样式应该被覆盖，而不是全部。

母版页中的 CSS 样式表引用位于 head 标记的顶部，内容占位符位于底部，所以我认为子页面中的样式表引用会优先，但事实并非如此。

如何让子页面中的样式表优先于母版页面中的样式表？

谁能解释一下是什么原因导致的？

Answer 1

如果您在两个不同的页面中有相同的类名并且您想更改默认值，只需在声明后立即使用'!important'即可。

.red-background { background-color: red; } /* MASTER */
.red-background { background-color: green !important; } /* CHILD PAGE */