我正在尝试更改wordpress儿童主题正文的背景图片。当我预览更改并使用inspect元素时,我的子主题代码显示它被划掉,因为它被父主题中的代码覆盖。我已经将问题缩小到我的header.php文件中的内联php调用到我的父样式表中的custombody类。所以我在子主题中使用了相同的类,它仍然不会覆盖父类。我甚至尝试使用更高的CSS特性:
html body,
html body.custombody {
background-image:url('http://www.katekuhens.com/wp-content/uploads/2015/04/scribble_light_@2X.png') repeat #f3f3f3;
}
并且父母仍然覆盖孩子。关于我做错了什么想法?
答案 0 :(得分:0)
你可以尝试给你的div一个id并为这个唯一的id做一些css。另一种解决方案如果你找不到它为什么使用父主题,你可以尝试使用!important规则。示例如下:
html body,
html body.custombody {
background-image:url('http://www.katekuhens.com/wp-content/uploads/2015/04/scribble_light_@2X.png') repeat #f3f3f3 !important;
}
使用!important标记时应该小心,因为它不总是一个好的选择,因为它可能导致代码可能更难维护。如果您想了解有关规则的更多信息,请点击以下链接:https://css-tricks.com/when-using-important-is-the-right-choice/
答案 1 :(得分:0)
是否有可能在您的子css或父css的其他地方,该custombody有一个唯一ID?如果是这种情况,那么任何类别的特异性都不会覆盖id https://css-tricks.com/specifics-on-css-specificity/。