特定页面的Css无法正常工作

时间:2018-01-03 12:54:35

标签: css

当我尝试为特定页面或帖子更改某些内容时,我遇到了一个小问题。就像在这种情况下我想改变页码2458的条目内容的背景颜色。它的工作

#post-2458 .entry-content {
background-color: #fff;
}

但就在这里我使用相同的逻辑,我尝试更改第2458页的col 8背景颜色,但它不起作用。当然,如果我没有#2458后它改变了,但它会改变所有页面,我想只对那个id的页面这样做。

#post-2458 .col-md-8 {
background-color: #fff;
}

我错过了什么吗?你能建议如何调整代码吗? BTW即时通讯使用自定义css插件来输入代码。 谢谢

3 个答案:

答案 0 :(得分:0)

尝试用它覆盖它:

#post-2458 .col-md-8 {
  background-color: #fff!important;
}

答案 1 :(得分:0)

如果我是你,我会做一些事情:

添加!important 以查看它是否与样式权重有关。

#post-2458 .col-md-8 {
   background-color: #fff !important;
}

转到浏览器的“检查”标签,检查哪些样式会覆盖您的样式或您覆盖的样式。在大多数情况下,您只需通过正确的引用即可覆盖其他样式。

例如,这可能不起作用:

#post-2458 .col-md-8 {
   background-color: #fff;
}

但是这可能有用,因为也许你试图覆盖参考 .col-md-8.sidebar-right

给出的背景颜色
#post-2458 .col-md-8.sidebar-right {
   background-color: #fff;
}

有许多可能的,因为如果没有指向发生问题的网站的链接,很难给出正确的解决方案。检查重量并确保覆盖正确的样式。我希望它有所帮助!

答案 2 :(得分:0)

尝试将一些id添加到要更改的div并直接在id上运行。不要使用col-md-8来避免麻烦。当你只想为一个元素进行更改时,id是最好的选择,而且我的重要性比课堂更重要,不要使用!如果你能更聪明地修复一些东西,那就很重要。