查找网站上使用特定选择器的所有页面

Question

我需要修改选择器的属性（比方说#myList），这些属性在我正在处理的几个网页上使用。我想确保我的改变不会破坏设计。是否有工具可以生成使用特定选择器的网站上所有页面的列表？ （我不知道选择器使用的是哪个页面。网站页面太多，因此手动操作不起作用。）

Answer 1

我已经构建了一个名为Element Finder的命令行工具，它允许你输入一个CSS选择器，比如“#myList”，然后在目录中搜索并查找所有包含与该选择器匹配的元素的HTML文件。

您需要安装Element Finder，cd进入您要搜索的目录，然后运行：

elfinder -s "#myList"

或者：

elfinder -s "#foo > .bar p > td .baz" 

有关详细信息，请参阅http://keegan.st/2012/06/03/find-in-files-with-css-selectors/

Answer 2

find /path/to/your/project -name '*.html' -exec grep -l 'id="myList"' {} \;

当然，请根据需要更改路径和/或扩展名。

编辑：我还应该注意，此方法仅适用于非嵌套/高级选择器。如果你试图找到匹配#foo > .bar p > td .baz的元素或者荒谬的东西，那么答案可能就是否定。