html - 如何覆盖 css 中特定页面的页面标题下的 Bootstrap 页面标题

Question

我有一个 abc.css，其中包含多个页面的配置。对于特定页面，我需要将 h4 标题单独覆盖为新配置，而不是此 css 文件中的现有配置。我该怎么做？

Answer 1

最好的方法是为每个 .html 页面创建单独的 .css 文件。但是如果你想使用单个 css，那么对你想要为其提供自定义 css 的元素使用不同的 Id

前-

button{
color:yello;
}
#examplebtn{
color:red;
}

这里网页中的所有按钮都是黄色的，但只有带有 ID='examplebtn' 的按钮才会是黄色

你也可以试试 - !importantenter code here to css which you want to覆盖

前-

p{
text-align :center !important
}

这将覆盖所有应用于 p 的 css，因为 text-align 是不同的