当您在Chrome中打开网页并检查元素时，选择该元素并再次右键单击时，您可以选择复制CSS选择器和XPath选择器。我有一个项目，基本上需要根据给定的HTML页面自动生成CSS选择器和XPath选择器，所以我想知道Chrome在生成CSS选择器和XPath时遵循什么样的规则。
我知道Chrome会生成几种CSS选择器。有时它会在标记名称之后使用nth-child来指定，有时它会在标记名称后使用类名，那么我应该自动选择哪一个？
e.g：
html > body > div:nth-child(2) > div > div:nth-child(2) > p > a
VS
body > div.custom > div > div.master-body.col-md-10.col-sm-11.col-xs-12 > p > a.button
这两者和nth-child之间的区别是什么，如果其他元素内部有不同的标签，这似乎很容易破解？