子主题CSS中的某些内容不会覆盖父主题

时间:2013-03-24 作者:terrytek

我正在写一个以Blogolife为母的儿童主题。(我正在本地服务器上执行此操作,因此无法显示实际页面)。我对子主题的“style.CSS”文件中的CSS做了一些更改。到目前为止,所有这些变化都表现良好。然而,我现在正试图去掉父主题在块引号之后使用的引号图像。下面是CSS在父样式中的显示方式。css:

.quote blockquote {
        background: #f8f8f8 url(images/q.png) bottom right no-repeat;
        font-size: 19px;
        font-style: italic;
        line-height: 35px;
        padding: 10px 20px 20px 10px;
}

  blockquote {
        background: #f8f8f8 url(images/q.png) bottom right no-repeat;
        font-size: 19px;
        font-style: italic;
        line-height: 35px;
        padding: 10px 20px 20px 10px; 
}
我将这些部分复制到子样式中。css,并删除了两条“背景”线,这是q.png图像唯一被调用的地方(我选中了)。

为什么图像仍然显示在我的页面上?(我正在本地服务器上进行开发,是的,我保存了孩子的style.css文件;))我还刷新了缓存。当我用Chrome开发工具检查blockquote元素时,背景图像仍然显示在CSS中。我甚至尝试使用“background color:”在我孩子的CSS中的blockquote元素中添加新的背景色,结果显示出来了,但愚蠢的图像仍然存在!

为什么其他一切都是我孩子的风格。css覆盖父级,但删除对映像的调用不是吗?似乎有点武断。

谢谢

1 个回复
最合适的回答,由SO网友:tfrommen 整理而成

您必须设置新的背景,否则将应用父样式表中定义的背景。

background-image: none;
图像和颜色不是互斥的,所以两者都只是删除background-image 行或/和定义background-color 不会更改在其他地方定义的背景图像。

结束