Selector Gadget 是一个开源的 Chrome 扩展，它使复杂网站上的 CSS 选择器生成和发现变得轻而易举。

安装扩展程序后，转到任何页面并启动它。网站右下角将打开一个框。单击您希望选择器匹配的页面元素（它将变为绿色）。 SelectorGadget 然后将为该元素生成一个最小的 CSS 选择器，并将突出显示（黄色）与选择器匹配的所有内容。现在单击突出显示的元素将其从选择器（红色）中删除，或单击未突出显示的元素将其添加到选择器。通过这个选择和拒绝的过程，SelectorGadget 可以帮助您找到满足您需求的完美 CSS 选择器。

https://selectorgadget.com 上有教程视频和小书签版本