selenium的css定位方式有哪些
以下通过豆包生成，此处仅做记录
在 Selenium 中，CSS 选择器是一种高效且常用的元素定位方式，以下是常见的 CSS 定位方式及示例：
1. 标签名定位
通过 HTML 标签名称定位元素，匹配所有该标签的元素。
css
input /* 定位所有 <input> 标签元素 */
div /* 定位所有 <div> 标签元素 */
2. ID 选择器
通过元素的 id 属性定位，id 在页面中通常唯一，使用 # 前缀。
css
#username /* 定位 id="username" 的元素 */
#login-btn /* 定位 id="login-btn" 的元素 */
3. Class 选择器
通过元素的 class 属性定位，使用 . 前缀。
css
.btn /* 定位 class="btn" 的元素 */
.form-input /* 定位 class="form-input" 的元素 */
如果 class 包含多个值（空格分隔），可匹配其中任意一个：
css
/* 匹配 class 中包含 "active" 的元素 */
.active
4. 属性选择器
通过元素的任意属性定位，格式为 [属性名=属性值]。
css
/* 定位 name="email" 的元素 */
[name='email']/* 定位 type="password" 的 input 元素 */
input[type='password']/* 定位 data-id="123" 的 div 元素 */
div[data-id='123']
属性选择器支持多种匹配规则：
[attr^='value']：属性值以value开头css
[href^='https'] /* 匹配 href 以 "https" 开头的元素 */[attr$='value']：属性值以value结尾css
[src$='.png'] /* 匹配 src 以 ".png" 结尾的元素 */[attr*='value']：属性值包含value（模糊匹配）css
[class*='menu'] /* 匹配 class 包含 "menu" 的元素 */
5. 层级定位
通过元素的层级关系定位，支持直接子元素和后代元素。
- 直接子元素（用
>连接）：css
/* 定位 div 下的直接子元素 ul */ div > ul - 后代元素（用空格连接）：
css
/* 定位 form 下所有后代元素中 class 为 "submit" 的按钮 */ form .submit
6. 伪类选择器
通过伪类定位特殊位置的元素（如第 n 个元素）。
css
/* 定位 ul 下的第 3 个 li 子元素（索引从 1 开始） */
ul li:nth-child(3)/* 定位第一个 input 元素 */
input:first-child/* 定位最后一个 option 元素 */
option:last-child
7. 组合定位
将多种规则组合使用，提高定位精度。
css
/* 定位 id 为 "user-form" 的 form 下，class 为 "required" 的 input */
form#user-form input.required/* 定位 type 为 "checkbox" 且 name 包含 "agree" 的元素 */
input[type='checkbox'][name*='agree']
选择建议
- 优先使用
id或class选择器（简洁高效）； - 复杂场景结合属性选择器和层级选择器；
- 避免过度依赖易变的属性（如动态生成的
id）。
CSS 选择器定位速度通常比 XPath 更快，且语法更简洁，是 Selenium 自动化中推荐的定位方式之一。