为什么在网页的样式表文件上找不到CSS选择器(或修改规则)?

时间:2019-04-23 00:43:37

标签: php html css wordpress themes

我使用的是Wordpress,我的网站上安装了 Comicpress 主题,并且我想修改CSS以隐藏导航栏的边框。 我用Chrome打开了网页,通过开发人员工具检查了CSS样式表,并通过取消选中#comic-nav-wrapper选择器的CSS规则中的“边框”来获得所需的结果。

Chrome inspection tool

-

我现在在控制面板上,我打开了样式表,并找到了需要修改的代码片段。我将边框的值设置为“ 0”(我也尝试注释掉整个代码段),但是没有任何变化。原始代码段如下:

the theme Stylesheet

-

因此,我进入了应该放置导航栏代码的目录,我打开了stylesheet.css文件,并寻找了#comic-nav-wrapper,但是没有找到,我在下面附加了图片:

enter image description here

enter image description here

enter image description here

换句话说:通过Chrome开发人员工具检查我的网页后,我在 style 部分中找到了#comic-nav-wrapper选择器,这似乎是我想要的元素,但我无法在主题附带的CSS文件中修改或找到它。我是看错了方向还是CMS附带的主题否认完全编辑CSS的可能性?

所以我的问题是:是否可以在通过内容管理系统(使用第三方主题和模板)创建的网页上查找并覆盖每个CSS规则?如果是,为什么我找不到提到的CSS选择器?

1 个答案:

答案 0 :(得分:1)

根据提供的屏幕截图,css元素可能位于comiceasel.css文件中。检查该主题中的文件并更新。另外,请确保您从wordpress内删除缓存(更多信息,请检查https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/