5、Selenium -- CSS Selector定位
2020-04-24 本文已影响0人
波罗的海de夏天
一、常用工具
- 浏览器
Console查询：$$(' xxxxxx ') -
javascript对应API：find_element_by_css_selector(' xxxxxx ')
二、CSS Selector 语法
-
基本定位：
| 选择器 | 例子 | 描述 |
|---|---|---|
| .class | .test | class选择器，选择 class="test" 的所有元素 |
| #id | #userid | id选择器，选择 id="userid" 的所有元素 |
| * | * | 选择所有元素 |
| element | p | 选择所有 <p> 元素 |
| element > element | div > input | 选择父元素为 <div> 的所有 <input> 元素 |
| element + element | div + input | 选择同一级中紧接在 <div> 元素之后的所有 <input> 元素 |
| [attribute=value] | [target=_blank] | 选择 target=_blank 的所有元素 |
-
组合定位 -- 示例：
# class='fm'的form标签下的span标签下的id='kw'的input标签元素
form.fm > span > input#kw
-
更多定位 -- 示例：
# class属性包含字符串str的元素
[class*=str]
# class属性以字符串str开头的元素
[class^=str]
# class属性以字符串str结尾的元素
[class$=str]
# 查找form标签下的第二个input标签元素
form > input:nth-child(2)
