先记住这个答案
CSS选择器通过标签、类、ID及父子层序表达目标，遇插入中间层或同级增删时，长层级链路断裂、索引错位。XPath按轴和谓词遍历，绝对路径同样被结构变化破坏，但基于属性或文本的相对谓词常能跳过无关包裹。同时，XPath不穿透shadow DOM而CSS可穿透。实际兜底应优先使用绑定稳定属性或文本的短定位器（可以是短CSS类或XPath属性谓词），避免深层级与顺序索引。
- CSS断裂主因是层级链和兄弟索引。
- XPath断裂主因是绝对路径和节点顺序。
- 优先绑定稳定属性而非绝对路径。
选择器的脆弱性来源
CSS选择器在浏览器内部编译为从右向左匹配：先找目标节点的标签/类/属性，再沿父链回溯。因此，只要目标自身的标识不变，即使祖先中添加额外层，也可能通过短路径匹配。但常见兜底写法是长链，如#main > div > ul > li > span.title，这时任何中间层级增删都会使整条链匹配失败。
XPath定位存在绝对路径/html/body/div[2]/form/input与相对路径//form//input[@name='q']。绝对路径依赖文档树顺序，插入兄弟节点或包裹层会让索引偏移；相对路径通常不依赖固定的层级顺序，只要目标元素满足路径条件即可匹配。但XPath的谓词若依赖属性值或文本，DOM变动若改文案或属性同样失效。
一个商品列表的动态追加场景
假设页面是遗留的JS渲染列表，初始有3个商品，每个商品结构为<div class="item"><div class="title">商品A</div><button>加入购物车</button></div>。测试用了CSS定位第三项的按钮：.item:nth-child(3) > button；另一处用XPath绝对路径：//div[@class='list']/div[3]/button。用户上线后，第四项商品被异步插入到第一项之后，新列表顺序变为：原第一项、新插入项、原第二项、原第三项。此时.item:nth-child(3)和div[3]均匹配新列表的第三项，即原先的第二项，原本要定位的第三项已变为第四项，选择器失效。
若改用相对XPath：//button[contains(text(),'商品C的加入按钮')]不可行——按钮文本常通用；更合理是//div[./div[text()='商品C']]/button，通过商品标题关联按钮。该写法在商品项增减或顺序变动时仍能正确定位，只要商品标题文字不被修改。CSS同样可以尝试使用.item:has(> .title:has-text("商品C"))（Playwright扩展），但需注意浏览器兼容性。
兜底定位的适用与失效条件
CSS较为可靠的是目标自身的稳定类或ID，例如.submit-button，但遗留页面常没有此类。若必须用结构路径，应尽量限制层级不超过两层，并且避免连续的同级索引。使用nth-of-type比nth-child更抗其他标签的插入，但仍在同类新增时失效。
XPath相对路径能应对中间层包裹，但若目标本身被整体移动到另一个父节点下，谓词必须依赖不变量。例如登录表单的提交按钮，若由<button type="submit">变成<a role="button">，原有type谓词失效，需改为按角色或固定文本。最稳妥是给元素补充测试ID，但题目限定“无语义属性”，因此只能接受这些断裂风险，并在操作前用断言重试。
容易答错的地方
- CSS绝对比XPath脆弱
- 很多实践以为XPath功能强更稳，但绝对XPath同样从根写起，任何中间节点变化都会错位。只要CSS能写成短选择器如
.nav .active，其抗性可能优于长绝对XPath。 - XPath能穿透shadow DOM
- Playwright中XPath定位器默认不穿透开放shadow根，CSS则能。因此含自定义元素的组件中使用XPath会直接漏掉目标，而CSS可能依然命中。
面试官还会怎么问？
同一个元素既可用CSS类又可用XPath属性，优先哪个？
两者都可以，优先考虑使用短CSS类（如.submit-btn），因为简洁且原生支持；若类名不稳定（如混淆或动态生成），则改用XPath的稳定属性如@name或@data-id。选择依据是哪个更稳定，而不是绝对优先。
DOM结构频繁变动时，使用定位器时如何减少重试成本？
利用Playwright的自动等待和严格模式，定位器每次操作前重新解析，无需手动重找。若元素常重新渲染，用locator.waitFor或断言确保可交互，避免缓存句柄。
无语义页面能否用Pytest的`page.locator("text=模式")`替代XPath？
可以，文本定位属于用户可见特征，对结构变化最钝感。但文本可能重复或部分匹配，需配合hasText过滤或使用正则。若页面国际化，文本易变，应改用稳定属性或添加测试ID。
参考资料
示例用于理解所注明的运行环境与边界；延伸学习可结合原文中的更多案例。