一、常用工具
- 浏览器
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)
网友评论