元素定位之cssselector（选择器定位）
简介这篇⽂章主要介绍了元素定位之css selector(选择器定位）以及相关的经验技巧，⽂章约3036字，浏览量448，点赞数5，值得参考！语法：find_element_by_css_selector("css选择器定位策略”)  或者  find_elements_by_css_selector("css选择器定位策略”)
1、css可以通过元素的 id，class，标签这三个常规属性直接定位到
tips：若⽤id定位，则⽤ #。若⽤class定位，则⽤ .
下⾯是百度搜索框的HTML代码：
通过css selector定位有如下三种常规⽅式：
cssclass属性  find_element_by_selector("#kw")    （#表⽰通过id定位）
find_element_by_selector(".s_ipt")    (. 表⽰通过class定位）
find_element_by_selector("标签名“”)  其实单纯通过标签名来定位元素，是有很⼤局限性的，因为⼀个页⾯中，⾮常⼤可能的存在标签名的重复，因此⽆法很精确的定位。
2、css通过其他属性定位
通过标签+属性即标签名[属性名=属性值]。还是以百度搜索框为例：
find_element_by_css_selector("input[autocomplete='off']")
tips：和xpath定位不同的是，标签名前不⽤// ，[ ]内的属性名前不⽤@符号，⽽xpath则需要。其余的规则与xpath相同。
如果属性是唯⼀的，那么标签名可以不⽤写。
3、层级定位
通过⽗标签[⽗标签属性名=⽗标签属性值]>（或者空格）⼦标签我们以百度搜索按钮为例：
find_element_by_css_selector("span[class='bg s_btn_wr']>input")
通过搜索按钮的⽗标签中的class属性定位，然后到其⼦标签input，也就是我们的搜索按钮元素所在。
4、索引定位
当⽗标签中有很多相同的⼦标签时，通过索引到所需要定位的元素。
通过⽗标签[⽗标签属性名=⽗标签属性值]>⼦标签：nth-child(索引序号)
tips：索引从1开始
我们以126邮箱的密码输⼊框为例：
find_element_by_css_selector（"div[class='u-input box]>input:nth-child(2)'）
记住：⽤css_selector进⾏元素定位，⽗标签到⼦标签都⽤>或空格。如果⽤的是>，意思是指第⼀个⼦标签
⽽⽤空格的话，则可以为任何⼦标签。
5、逻辑定位
在xpath中，逻辑定位⽤到“and”，"or"，“not”，⽽在我们的css_selector中，则不需要。
通过标签名[标签名1= 属性值1][标签名2=属性值2]
同样，我们通过126邮箱的密码输⼊框为例：
6、模糊匹配
^：以什么开头
$：以什么结尾
*：匹配所有
find_element_by_css_selector（“标签名[属性名*（或^，或$）='属性值']”）
7、直接在浏览器复制

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。