如何在实际源文件中查找Inspect中的CSS元素？
TIm*_*muh 1 wordpress mobile web responsive
我有一个问题是如何找出代码的哪个部分需要更改以调整此"display:none!important"功能,这会阻止网站在移动设备上做出响应.当低于767px时,内容会消失并触发该条件.
如果我将其更改为"display:inline!important",它可以工作,但我只在浏览器中完成,我找不到在源文件中更改它的位置.找到这个有什么方法吗？我甚至在主题中的所有文件中使用grep寻找关键字,但我不知道在哪里看.还尝试将更改后的代码添加到"附加CSS"菜单中,但也没有成功.
问题是:
是否有任何方法可以找到[CSS所在的地方]？
您想知道找到CSS的方法.让我们来看看我是如何做到的.
步骤1
检查员为您提供样式的位置.使用您的图像,我用红色框标记位置:
请注意,相关样式位于(index):557.哪里是？它不是外部样式表,就像style.css示例一样.相反,它被直接添加到<head>包装中<style>.
使用Dev Tools,查看<head>DOM(在HTML标记中).你会在那里找到它.
第2步:
你在哪里找到它？我使用的方法是首先查看样式声明<head>.有什么评论可以给你提供线索吗？
接下来,我看一下实际的样式属性.在这种情况下,它是.tm_pb_builder.这为您提供了构建CSS的组件的线索.
我在Google上搜索了这个类属性,如下所示:wordpress tm_pb_builder.这把我带到了GitHub和TemplateMonster的Power Builder插件.
第3步
现在您知道插件Power Builder是负责将该样式添加到<head>.然后,您可以查看相应的页面,并了解如何使用此页面构建器构建此页面.
那是我的方法论.