CSS changes not taking effect

时间:2014-01-28 作者:Stephen Fairchild

我会改变我的风格。css文件,但它们不会在网站上生效。风格css位于此处:/wp内容/主题/学院/风格。css

我以前对它做过更改,这些更改确实生效了,但现在我正在做新的更改,但它们没有生效。我已经尝试通过FTP添加带有更改的CSS,并且还尝试使用Wordpress菜单中的“编辑器”。如果我在浏览器中查看CSS文件的源,则不会显示更改。我可以用FTP从服务器上取下文件,查看代码,看看CSS是否存在。我还可以在Wordpress编辑器中看到CSS。我已经清除了缓存和cookie,刷新了浏览器,使用了不同的浏览器(Firefox和Chrome)。我输入的CSS是有效的。简单地说:

#bg-image {
 position: fixed; 
 top: 100; 
 left: 0; 
 min-width: 100%;
 min-height: 100%;
 }
我等了大约一个小时,想可能会耽搁。它仍然不起作用。我的主要问题是:

1)我是否需要以某种方式“触发”新文件以实际生效?2)Wordpress是否在内部缓存旧文件?如果是,我可以在需要时打开/关闭此功能吗?

1 个回复
SO网友:zipzit

给你一些想法
--您是否从头开始创建新主题?如果是,请继续行驶。如果要修改现有主题,请更改其他主题的主题样式。css文件可能很麻烦。如果你正在修改一个现有的主题,停止你正在做的事情,花30英镑(是的,30!)学习如何使用子主题的分钟数。完全容易做的事情,会为你节省大量的时间。(把一个儿童主题想象成神奇的纸巾,你可以“覆盖”一个主题……你可以看穿它,看到现有的主题,但你在纸巾上放置的任何东西都会覆盖它下面的内容……当升级到原始主题时,你的作品不会被删除。就在那里,完成了。啊。)它的另一个方便之处在于,您可以通过单击鼠标一次关闭子主题。这有助于检查问题是否来自您在原始主题中所做的事情或存在的问题。。。

--当您将firefox与firebug或chrome一起使用时,如果您查看样式的使用情况,可能有什么内容正在覆盖您的设置。(在Firefox中使用firebug插件,或在Chrome中,右键单击Inspect元素。)当存在替代时,您将看到样式详细信息。您通常可以知道覆盖是什么(但不总是….)不知道为什么,但有时Chrome显示的内容与Firebug在浏览器中显示的内容不匹配。尝试查看两种浏览器上的代码。有时什么都没出现。我今天遇到了一个元素不可见的问题。花了一个小时浏览浏览器反馈。找不到任何东西。我尝试通过模板样式进行扫描。带有类名的css。这个顽固的主题开发人员故意用一个CSS的display关闭了这个组合:none。Chrome或Firebug都没有找到这一行代码。

--另外,不要忘记CSS特殊性规则。不是很直观,但一致。您的设置虽然有效,但可能会被具有更大特定值的其他内容覆盖。

--别忘了,有了响应能力,同一个条目可以在同一样式内多次执行。css表单,有非常小的更改。您应该能够在Chrome(inspect element)或firebug中看到这一点,但它令人不安。您必须复制@媒体设置才能完全覆盖。(还有一个愚蠢的问题……如果人们在手机、ipad甚至桌面上查看该网站,为什么会有十个(不是三个,十个!)不同的@媒体设置?呃。)

--可能是缓存问题。(我对此表示怀疑,但这是可能的。)您可以尝试清除缓存。(注意:一般来说,在缓存问题上,网站只能在一个浏览器上工作,而不能在另一个浏览器上工作……如果两者都失败,我怀疑这是缓存问题)

祝你好运。

结束

相关推荐

是否可以更改Disqus评论的CSS规则?

我已经尝试了我能想到的一切,包括使用\'!“重要”属性,但无法更改我网站上的论文评论的CSS。他们的CSS不仅来源于他们网站上的一个文件,而且我认为评论是在iframe或其他东西中,这可以解释为什么“!“重要”属性不起作用。有没有可能在wordpress博客上更改Discus评论的CSS?我只想添加以下代码:#disqus_thread { font-family: arial; font-weight: bold; font-size: 13px; } 就是这样