最初，我转载过一篇有关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
（2）定位ul元素下面的第一个li 或最后一个li
（3）定位ul元素下面的第二个li
(4)定位ul元素下面倒数第几个li
(5)定位ul元素下面的唯一 一个li元素
3.定位同级元素（div+p & div~p）
备注：如上的使用方法，还有一些替代的使用方式，如下所示。如有不一样的使用方式，欢迎您提出，谢谢！
