Firefox检查器::查找与<div>相关的CSS文件

时间:2021-01-05 作者:Francesco Mantovani

我正在创建我的新网站,我想改变背景颜色。通过FireFox Inspector,我确定了管理颜色的CSS行background-color: #fff;

enter image description here

我现在必须改变这一点#fff#f3f3f3 但我找不到合适的。css文件。这个css文件有4个:

块编辑器样式。css编辑器样式。css主题帮助。css自定义样式。css

enter image description here

在这些文件中我找到了几个background-color: #fff; 但没有人管理该标题背景。

知道吗。css文件管理标题背景?

2 个回复
最合适的回答,由SO网友:Q Studio 整理而成

检查员说:;“内联”;这表明CSS不在单独的文件中,而是在HTML本身中,可能在<style> 阻止在第39行(靠近顶部)-搜索整个页面的源代码#masthead 你可能会找到它。

如果您想知道它是如何添加到主题HTML中的,您需要在整个项目代码库中搜索唯一的字符串-再次#masthead 可能会带来好的结果。

Update:

添加了您网站的源代码抓取,显示第25行,您可以在其中找到#masthead CSS选择器,正如Inspector所描述的,它离右边很远,但滚动条是隐藏的,因为CSS被格式化为长行。

enter image description here

SO网友:Francesco Mantovani

事实上,它是在线的1586style.css 文件:

enter image description here

但仍然存在一个问题:如何使用Chrome/FireFox检查器查找我们必须编辑的文件。css?

我们在这里都错了,我的问题得到了三个大拇指的支持,这意味着对这个话题普遍缺乏了解。欢迎任何回复。

相关推荐

“Add to Cart”链接css类“ajax_add_to_cart”不会显示在WooCommerce的小工具侧栏中

我创建了Woocmerce小部件,它将按产品类别创建循环。产品循环结果应与woocommerce默认内容产品相同。php文件。循环(属性、链接等)中的一切都很好,除了css class. 我不知道我到底把事情搞砸了,but i guess the main problem is within $defaults variable or in woocommerce_loop_add_to_cart_args filter. 请有人帮帮我。这是我的密码-function widget($args, $ins