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

标签 css asp.net master-pages stylesheet contentplaceholder

我有一个母版页,其 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/

相关文章:

css - 是否有可能从特定分辨率的元素中删除 !important 属性?

asp.net - 如何检测请求是否是 Global.asax 中的回调?

c# - 如何使用 ASP.NET Identity(Web 表单)将数据保存在数据库中?

javascript - 在一个菜单上指定功能效果的问题

asp.net - 在页面之间导航时停止主页面刷新?

jquery - 通过从中心水平扩展来显示搜索框,同时提交按钮滑动以进行补偿

css - 对所有按钮使用现有样式而不在类属性中指定它

c# - 同一 session 中的多个 WebRequest

c# - 对母版页和页面内容使用相同的 CSS 文件

javascript - 在按钮组中切换类