【问题标题】:Chrome Developer Tools - Where is the (index) stylesheet?Chrome 开发者工具 - (索引)样式表在哪里?
【发布时间】:2014-02-07 07:48:41
【问题描述】:

我正在为一个基于 WordPress 的网站修改一个主题,具体来说是 Anew 主题。虽然我更改了主题选项 - style.css 文件和 custom.css 文件,但我无法更改链接的颜色。

然后我使用 Chrome 的开发者工具检查我的规则在哪里被覆盖。最重要的规则在 (index) 文件上,带有括号。由于网上没有相关资料,我决定稍后再看看。

几个小时后,我的所有更改都已提交,现在它显示了新颜色。但我仍然对这个(index) 文件感到好奇。是脚本添加的规则吗?

【问题讨论】:

  • 可能是 HTML 文件本身。不过,您应该可以单击单词(index),它应该会带您进入源视图。你能显示屏幕截图吗?
  • 如果您打开 Chrome 开发者工具 ,在您查看样式选项卡的右侧,您还应该看到旁边的“计算”选项卡。打开它并找到您的样式并展开它以查看其覆盖的位置。
  • (index) 不是链接吗?通常在开发者工具中,我可以点击它,它会带我进入风格。
  • 当我点击(索引)链接时,它会显示一个空文件。但是这两个答案都帮助我理解了。选择第二个是因为 PHP 和 JS 参考。

标签: html css wordpress developer-tools


【解决方案1】:

它可能是嵌入在 HTML 中的 CSS(head 中的style 标签),或者作为标记的一部分,或者通过 JS 动态添加(或者可能在页面呈现时通过 PHP)。

需要更多信息才能给出比这更具体的答案。

【讨论】:

  • 在 WordPress 中,一些主题开发人员会创建一个 css.php 文件以在头部或模板中输出这些样式。这些也将显示在“索引”内。
【解决方案2】:

当您看到索引时,它表示您所在的页面。 CSS 直接嵌入到页面中,而不是在单独的文件中。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-07-09
    • 1970-01-01
    • 2014-08-19
    • 1970-01-01
    • 2014-08-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多