说明:本篇博客基于selenium 4.1.0
- element_css = driver.find_element(By.CSS_SELECTOR, 'css表达式')
- 复制代码
selenium中的css定位,实际是通过css选择器来定位到具体元素,css选择器来自于css语法
方法1:在浏览器开发者模式的elements中,Ctrl+F搜索栏输入css表达式 方法2:在浏览器开发者模式的console中,按如下格式验证表达式
- $("css表达式") # 注:表达式中存在引号,则使用单引号,'$'可更换为$$
- 复制代码
选择器 | 格式 | 示例 | 示例说明 |
---|---|---|---|
选择全部 | * | * | 选择全部元素 |
标签选择器 | html标签 | p | 选择所有 元素 |
ID选择器 | #id属性值 | #su | 选择所有id='su'的元素 |
类选择器 | .class属性值 | .s_btn | 选择所有class='s_btn'的元素 |
属性选择器1 | [属性名] | [type] | 选择所有带type属性的元素 |
属性选择器2 | [属性名='属性值'] | [type="submit"] | 选择所有type="submit"的元素 |
属性选择器3 | [属性名~='属性值'] | [type~="submit"] | 选择所有type包含"submit"的元素 |
属性选择器4 | [属性名|='属性值'] | [type|="submit"] | 选择所有type以"submit"开头的元素 |
备注:某些元素属性有多个值(如class属性),值表现为以空格隔开,使用时需要单个取出使用
- 现在我也找了很多测试的朋友,做了一个分享技术的交流群,共享了很多我们收集的技术文档和视频教程。
- 如果你不想再体验自学时找不到资源,没人解答问题,坚持几天便放弃的感受
- 可以加入我们一起交流。而且还有很多在自动化,性能,安全,测试开发等等方面有一定建树的技术大牛
- 分享他们的经验,还会分享很多直播讲座和技术沙龙
- 可以免费学习!划重点!开源的!!!
- qq群号:110685036
组合选择器就是同时使用多个基础选择器,从而更好地筛选出目标元素
选择器 | 格式 | 示例 | 示例说明 |
---|---|---|---|
标签指定属性 | 标签加属性描述 | input#su | 选择所有id='su'的元素 |
并集 | 元素1,元素2 | div,p | 选择所有 和 元素 |
父子 | 元素1>元素2 | div>p | 选择所有父级是 的 元素 |
后代 | 元素1 元素2 | div p | 选择 中的所有 元素 |
相邻 | 元素1+元素2 | div+p | 选择 同级后的相邻 元素 |
同级 | 元素1~元素2 | div~p | 选择 同级后的所有 元素 |
伪属性选择器是指元素在html中实际并不存在该属性,是由css定义的拓展描述属性
选择器 | 格式 | 示例 | 示例说明 |
---|---|---|---|
唯一子元素 | :only-child | p:only-child | 选择所有 元素且该元素是其父级的唯一一个元素 |
第一子元素 | :first-child | p:first-child | 选择所有 元素且该元素是其父级的第一个元素 |
最后子元素 | :last-child | p:last-child | 选择所有 元素且该元素是其父级的最后一个子元素 |
顺序选择器 | :nth-child(n) | p:nth-child(2) | 选择所有 元素且该元素是其父级的第二个子元素 |
顺序类型选择器 | :nth-of-type(n) | p:nth-of-type(2) | 选择所有 元素且该元素是其父级的第二个 元素 |
倒序选择器 | :nth-last-child(n) | p:nth-last-child(2) | 选择所有 元素且该元素是其父级的倒数第二个子元素 |
倒序类型选择器 | :nth-last-of-type(n) | p:nth-last-of-type(2) | 选择所有 元素且该元素是其父级的倒数第二个 元素 |
今天的分享就到此结束了, 如果文章对你有帮助,记得点赞,收藏,加关注。会不定期分享一些干货哦......