CSS Selector 是一种用于定位 HTML 文档中元素的一种方法。在自动化测试中，特别是 Web 自动化测试中，CSS 选择器常用于定位页面元素。以下是一些常见的 CSS 选择器示例：

通过标签名定位：

• div: 选择所有 <div> 元素。

• p: 选择所有 <p> 段落元素。

通过类名定位：

• .classname: 选择所有具有指定类名的元素。例如，.header 选择所有类名为 "header" 的元素。

通过 ID 定位：

• #id: 选择具有指定 ID 的元素。例如，#username 选择 ID 为 "username" 的元素。

通过属性定位：

• [attribute=value]: 选择具有指定属性和值的元素。例如，[type=text] 选择所有 type 属性为 "text" 的元素。

通过后代关系定位：

• ancestor descendant: 选择祖先元素下的后代元素。例如，.container p 选择类名为 "container" 的元素下所有的 <p> 元素。

通过子元素关系定位：

• parent > child: 选择父元素下直接的子元素。例如，.menu > li 选择类名为 "menu" 的元素下所有直接的 <li> 子元素。

通过伪类定位：

• :first-child: 选择父元素下的第一个子元素。

• :last-child: 选择父元素下的最后一个子元素。

• :nth-child(n): 选择父元素下的第 n 个子元素。例如，:nth-child(2) 选择父元素下的第二个子元素。

通过属性值的部分匹配：

• [attribute*=value]: 选择具有包含指定值的属性的元素。例如，[class*=button] 选择所有类名中包含 "button" 的元素。

推荐

Python 全栈开发与自动化测试开发班

由浅入深实战进阶，从小白到高手

以 Python 全栈开发为基础，深入教授自动化测试技能，为学员打造全面的技术能力。通过系统学习和实际项目实战，学员将具备在职场中脱颖而出的竞争力。不仅能够灵活运用 Python 进行开发，还能够保障项目质量通过自动化测试手段。这是一个全面提升职业竞争力的机会。

课程详情

Python 开发必备基础技能与项目实战

Pvthon 编程语言/算法和数据结构/面向对象编程 Web 后端开发/前端开发/测试管理平台项目实战

人工智能 ChatGPT 实战

人工智能辅助学习各种开发和测试技能/Pytorch 深度学框架/平台开发实战

数据分析与自动化办公

数据采集/Pandas 与数据处理技术/ECharts 与数据可视化技术/爬虫实战/自动化办公/批量文件处理

UI 自动化测试与高级项目实战

Web 自动化测试/App 自动化测试/ PageObject 设计模式

接口自动化测试

接口协议分析/Mock 实战/服务端接口测试

性能测试

性能测试流程与方法/JMeter 脚本参数化/Grafana 监控系统搭建

简历指导与模拟面试

1V1 简历指导/模拟真实面试/测试开发岗面试全攻略名企私教服务 名企专家 1v1 辅导/行业专家技术指导/针对性解决工作难题/绩效提升辅导与晋升复盘

课程亮点

名企私教服务  先学习后付费 高额奖学金

专属社群+晚自习在线答疑

5V1 全方位辅导作业+考试强化学习效果

简历修改 模拟面试 就业内推 面试复盘

福利一： 测试开发精品课免费学

福利二：免费领取技能图谱 &大厂面试题合集