Google chrome 在chrome中“复制css路径”时仅获取类/id名称？

当我右键单击某个元素上的Chrome dev tools并尝试复制某个元素的css路径时，我得到如下结果：

body > div > div > div > div > div.span3 > aside > div:nth-child(1)

对于重写CSS，如果它只显示类或id名称而不是DOM元素或子元素的名称，那么这将非常有用

---

有人知道插件或其他可以让您更好地控制此功能的东西吗？

如果元素有ID，那么根据ID的性质，您实际上只会获得元素的ID。问题是复制CSS路径构造了一个只有所选元素才能匹配的选择器，这是单靠类选择器无法实现的，但从理论上讲，ID应该是。。事实上，我对开发人员工具不是很在行。。但是为了相应地构造css，我必须使用相对路径，所以我只选择需要选择的元素。我教过“CSS路径”功能对于获取相对路径非常有帮助，因为在大型网站中，这些路径可能会变得很长