如何在有多个样式表时快速查找CSS类

Question

我刚给了一个网站的主题。

当然，这个主题带有多个sytlesheets。

当我查看index.html文件时，我可以看到这些类，但我不知道它在哪个样式表中。

截至目前，我打开所有样式表并搜索该类。

这似乎非常低效/浪费时间。

我目前正在使用PHPstorm。有没有人有任何技巧经验可以快速找出CSS类的样式表？

感谢。

Answer 1

打开Chrome，打开页面，右键单击该类中的元素，然后单击“检查元素”。当您查看它时，它会在右侧显示该类的属性。如果你向右看，在它上面，它会显示该类所来自的文件的名称。

修改

此外，NotePad ++具有搜索功能，允许您搜索多个文件和子目录。结果是可单击的，并将包含单击结果的文件打开到结果所在的行。

Answer 2

在创建样式表时，通常按内容类别或布局按某种顺序执行，以便以后轻松找到它。由于您使用的是模板，我会尝试查找作者可能使用过的任何类型的模式。如果班级名称不够具有描述性，我认为你无法做多少。我猜你可以把所有内容重命名为更明确，这样你就可以更轻松地在路上行走。

Answer 3

例如，您可以使用浏览器提供的开发人员工具来确定在哪里可以找到与类相关的样式表。