【问题标题】:How to find where CSS class in being used in WordPress如何找到在 WordPress 中使用 CSS 类的位置
【发布时间】:2022-01-11 16:20:08
【问题描述】:

所以我正在开发一个 WordPress 网站,它是一个医生目录,您可以来这里预约。现在我想明确一点,这个主题的技术支持很差。因此,我使用自定义 CSS 修复了大多数设计问题,直到他们在更新中解决了问题。现在在网站上,有一些 CSS .dc-consultation-title {overflow: hidden;} 导致患者姓名在反馈部分消失。

现在,一旦我通过 Inspect Element 禁用该代码,名称就会开始显示。

现在我想要找出哪些其他部分应用了相同的代码,所以如果它不破坏设计,我可以删除它或至少更改类,这样这只适用于那个。因为在移动视图中,无论有没有它,名称都不会消失。

带有代码的移动视图:

无代码移动查看:

现在我不明白的是代码没有被移动或桌面视图中的任何内容覆盖,那么为什么它的行为会有所不同?我也没有这个类的任何自定义 CSS,我可以为特定部分添加内联 CSS,这样我就不会为整个站点禁用它,而只是针对该反馈部分?我确实了解一些 PHP,足以对其进行编辑。就是不知道去哪里找。

编辑:如果我在 HTML 树中从更高的位置开始重写 CSS 会怎样,例如 .dc-feedback-content .dc-consultation-details .dc-consultation-title { overflow: visible; } 有多少机会会破坏其他内容?

【问题讨论】:

    标签: css wordpress wordpress-theming


    【解决方案1】:

    请按以下步骤处理:

    按照此操作,您可以找到使用 CSS 类的位置。

    转到 wp-content > Themes > YOUR THEME-NAME 并尝试找到一个包含 CSS 文件的文件夹。它们通常被命名为 CSS 样式表或样式。然后,您可以选择下载它并使用计算机上的文本编辑程序对其进行编辑。编辑后,前往找到 CSS 文件的同一目录并点击上传。

    【讨论】:

    • 我想我无法解释我想要什么。我知道样式表文件在哪里,我还知道这段代码在 style.css 文件的第 6744 行。我想知道的是,如果我在第 6744 行编辑 CSS,即.dc-consultation-title,它会破坏设计吗?假设 CSS 类 .dc-consultation-title 正在网站上的其他地方使用,而不仅仅是反馈部分,因此通过编辑第 6744 行的代码将解决我的问题,但会破坏我不知道的其他部分,我想知道网站上还有哪些地方使用了 .dc-consultation-title 类。
    • 为此,您需要检查每个页面并通过该类进行搜索,无论该类是否使用。这只是检查的解决方案。
    • 不是我正在寻找的最佳解决方案,但让我们看看。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-30
    相关资源
    最近更新 更多