selenium教程 —— css定位_selenium4定位元素css

说明：本篇博客基于selenium 4.1.0

selenium-css定位

element_css = driver.find_element(By.CSS_SELECTOR, \'css表达式\')复制代码

css定位说明

selenium中的css定位，实际是通过css选择器来定位到具体元素，css选择器来自于css语法

css定位优点

1. 语法简洁
2. 对比其他定位方式，定位效率更快
3. 对比其他定位方式，定位更稳定

调试方法

方法1：在浏览器开发者模式的elements中，Ctrl+F搜索栏输入css表达式 方法2：在浏览器开发者模式的console中，按如下格式验证表达式

$(\"css表达式\") # 注：表达式中存在引号，则使用单引号，\'$\'可更换为$$复制代码

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属性)，值表现为以空格隔开，使用时需要单个取出使用

组合选择器

组合选择器就是同时使用多个基础选择器，从而更好地筛选出目标元素

选择器 格式 示例 示例说明 标签指定属性 标签加属性描述 input#su 选择所有id=\'su\'的元素 并集 元素1,元素2 div,p 选择所有