css - 如何找到调用css文件的位置

Question

我是css和js的新手。我真的很难找到每个单独的 css 文件的调用位置。我创建了一个combined.css 文件，我在其中复制并粘贴了加载我的网站时加载的每个css 文件的代码，总共有12 个文件。我已将此 combine.css 添加到我的 head 部分，因此它首先加载。现在的问题是所有其他 css 文件仍在加载中。我花了几个小时寻找不同的解决方案，但没有任何效果。我如何找到每个单独的 css 文件的调用位置，以便我可以将其注释掉。如果您能给我一步一步的指南，我将不胜感激。

Answer 1

您可以使用 Chrome（或类似 Firefox 中的 Firebug）。

只需点击F12您的页面即可获得Developers Tool > Resources > Frames > [choose your folder] > Stylesheets，然后您将获得所有已加载的 CSS。

只需将其中一个悬停即可查看其位置