在CSS中更改类的背景颜色不起作用?

时间:2015-02-20 10:54:14

标签: css class background-color

我正在尝试更改h1类的背景颜色,但我尝试进行的任何更改都没有效果,这是我编写的代码:

.entry-title {
background-color: #f0eaca;
}

标题显示为白色而不是像其他所有内容一样的米色:https://apatheticpaper.wordpress.com/2015/02/13/raf-simons/

非常感谢任何帮助。

4 个答案:

答案 0 :(得分:0)

您的标题类似乎被某些媒体查询覆盖:

@media only screen and (min-width: 1359px)
   .single .featured-portrait .entry-title {
      color: white;
   }
}

您需要以特异性覆盖它,或者!important(不建议):

.single .featured-portrait .entry-title {
   color: #f0eaca;
}

答案 1 :(得分:0)

这堂课已经过了你的财产

.page .featured-portrait .entry-title
{background-color:white;}

而是将其更改为

.page .featured-portrait .entry-title
    {background-color:#f0eaca;}

尝试使用!important作为另一个选项

答案 2 :(得分:0)

不要使用!important。

问题是,它有一种背景风格。所以,

    .single .featured-portrait .entry-title, .page .featured-portrait .entry-title
{
background : none repeat scroll 0 0 #f0eaca;
}

会做的。

答案 3 :(得分:0)

正如我目前在您的代码中看到的那样:

h1.entry-title {
    background-color: #f0eaca !important;
}

因此,要更新代码,您需要在以下内容中设置相同或更高优先级:

h1.entry-title {
    background-color: #123456 !important;
}

You should read this article about priority on css