本文共 333 字，大约阅读时间需要 1 分钟。

最初，我转载过一篇有关CSS与Xpath定位区别的文章（https://blog.csdn.net/chenmozhe22/article/details/80218980）。但是，看完之后在实际应用中还是很容易混淆。为了让自己更熟练使用这两种方式定位元素，特别是CSS定位方法（效率比Xpath要高很多），特此写一个案例集，希望看完之后有个更直接的感受。

html代码来源（http://www.w3school.com.cn/tiy/t.asp?f=csse_selector_adjacent_sibling）

1.定位子类元素（div p & div>p）

2.定位子元素方法二（div>li:first-child）

(1)定位所有li集合里面的第一个li