查找页面上所有使用的CSS选择器

Question

开始 - 如果标题不准确，我很抱歉。我只是不知道如何正确调用它。

有没有办法找到与某个文件相关的所有路径，在我的情况下，它是bootstrap.min.css（它可能与未经版本化的版本）在一个项目中？我的意思是，像这样的画面：

所以我想在DevTools找到（或可在WebStorm，如果是简单的这样做），这都涉及到项目的所有元素都引导路径。在屏幕上方，我选择了带有一些Bootstrap类的<nav>元素，我可以在右边看到它们。我强调（红色矩形）Bootstrap CSS源文件路径 - 已经被DevTools（橙色矩形）过滤。我当然可以手动点击每一个链接到确切的线，但有很多的HTML元素，其中一些有多个类，也有几个页面。所以点击所有这些链接将需要很长时间。

是否有快速的方法过滤/找到所有这些路径（标记为红色），Bootstrap CSS选择器使用它来匹配项目中的所有HTML元素？

Answer 1

1. 打开DevTools
2. 溢出菜单>更多工具>覆盖
抽屉面板
3. 停止录音并查看工具栏中的
4. 点击纪录的成绩

当观看的结果，你会采用到“来源”面板中的相应文件。然后，这将突出显示排水沟中的每条线条是红色还是绿色，以指示是否使用了它。这适用于CSS和JavaScript。