我有一个母版页,其 head 标记中包含 CSS 样式表引用。我在母版页 header 标记中也有一个内容占位符。在使用该母版页的子页面中,我在头部的内容占位符中放置了特定于该页面的 CSS 样式表引用。
子页面中的 CSS 样式表中的样式应该覆盖母版页中 CSS 样式表中的某些样式。只有母版页中的一些样式应该被覆盖,而不是全部。
母版页中的 CSS 样式表引用位于 head 标记的顶部,内容占位符位于底部,所以我认为子页面中的样式表引用会优先,但事实并非如此。
如何让子页面中的样式表优先于母版页面中的样式表?
谁能解释一下是什么原因导致的?
最佳答案
如果您在两个不同的页面中有相同的类名并且您想更改默认值,只需在声明后立即使用'!important'即可。
.red-background { background-color: red; } /* MASTER */
.red-background { background-color: green !important; } /* CHILD PAGE */
关于未应用子内容占位符中的 CSS 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41567474/