Overide a CSS already loaded

时间:2018-02-13 作者:Gonzalo

我需要为WP编写一个插件来替换(取决于路径)已经加载的CSS的特定图像。这样做的最佳实践是什么?

我的编码方式是:

<style>
    header > .logo {
    background: url("https://www.google.com/logos/2018/snowgames_luge/cta.png") no-repeat 0 0 !important;
    }
</style>
谢谢

1 个回复
SO网友:Rick Hellewell

创建子主题。将此添加到样式中。子主题中的css文件:

 header > .logo {
    background: url("https://www.example.com/path/to/the/new/image.png") no-repeat 0 0 !important;
    }
由于子主题CSS将在父主题CSS之后加载,因此这应该覆盖第一个设置,即使它也设置为!important .

结束

相关推荐

我的定制css文件下载后就停止了!

我正在观看WordPress开发的在线课程,开始时,我像讲师那样附加了css文件,并通过添加一些样式对其进行了测试,效果很好然后当我开始在header.php 当我使用chrome的dev工具检查css文件时,css文件停止style.css 存在于“sources”中,但它是空的,即使我确信样式是空的。css不是空的,我试图再次观看整个课程以应用每一行,但遇到了相同的问题,我试图删除xamp并重新安装,但遇到了相同的问题