浏览器可以覆盖css规范吗?

时间:2011-03-03 22:09:37

标签: css class browser

我目前正在使用wordPress内容管理系统的网站上工作,我试图摆脱一些我希望放入css文件的输入的内联样式定义。

我将精确的内联样式定义复制到一个以输入为目标的类(即input.className,ClassName与内联样式定义具有相同元素)的样式表中,然后将所述类添加到输入中。

发生的事情是按钮是使用浏览器的默认外观设置呈现的,而不是我在类中定义的设置。

我在css文件中做了一些测试和ctrl + f,看看我们是否有更多特定的输入css定义,但我们没有。

然后我将整个css复制到一个文件中,我创建了一个指向该本地样式表的快速html,只在页面上添加了我的新创建类,以查看它是否与wordpress有关。

在我的本地机器上,该类应用于按钮,但在wordpress上它什么都不做。

有没有人知道问题的来源,或者有人可能会提出一些可能的暗示,我应该看看。

提前谢谢。

2 个答案:

答案 0 :(得分:2)

如果代码在Wordpress之外工作但在Wordpress内部不起作用,那么是什么导致您得出结论,问题在于浏览器覆盖了什么?是不是 Wordpress 正在做的事情更有可能导致问题?

内联样式具有较高的specificity。通过将CSS规则移动到外部样式表,您降低了它的特异性。 Wordpress的CSS可能包含与您的规则冲突的规则,并且具有比内联样式更低的特异性,但是比移动到外部样式表的相同规则具有更高的特异性。

要解决此问题,您需要提高规则的特性。快速修复此问题的方法是使用!important,但您应该通过定制要匹配的CSS来确定与之相冲突的内容并解决问题。

答案 1 :(得分:0)

要回答你的问题标题,是的浏览器可以覆盖CSS,但前提是你有意安装插件/扩展程序(例如facebook主题),但默认情况下浏览器不会这样做。

您可以检查您的Wordpress安装或浏览器是否已缓存页面(您可以删除/删除缓存以执行此操作),我知道在实时编辑PHPBB主题时这是一个问题,但我建议全力以赴,创建一个单独的CSS文件和新的唯一类名(避免任何冲突)和双重检查绝对确定