最初,我转载过一篇有关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
扫描二维码关注公众号,回复:
2576235 查看本文章
(3)定位ul元素下面的第二个li
(4)定位ul元素下面倒数第几个li
(5)定位ul元素下面的唯一 一个li元素
3.定位同级元素(div+p & div~p)
备注:如上的使用方法,还有一些替代的使用方式,如下所示。如有不一样的使用方式,欢迎您提出,谢谢!