免费领取：测试资料+测试用例+简历模板+测试文档

本文为霍格沃兹测试开发学社学员学习笔记分享

原文链接：https://ceshiren.com/t/topic/27022

一、CSS 选择器概念

CSS 拥有自己的语法规则和表达式 CSS 通常分为相对定位和绝对定位 CSS 常和 XPATH 一起用于 UI 自动化测试

二、CSS 相对定位使用场景

• 支持 web 场景

• 支持 app 端的 webview

三、CSS 语法实战

3.1、CSS 相对定位的优点

• 可维护性强

• 语法简洁

• 可以解决各种复杂的定位场景

# 绝对定位$("#ember63 > td.main-link.clearfix.topic-list-data > span > span > a")# 相对定位$("#ember63 [title='新话题']")

3.2、CSS 定位的调试方法

• 进入浏览器的 console

• 输入表达式 $(“CSS 表达式”)

  
  

3.3、CSS 基础语法

3.4、CSS 关系定位

3.5、CSS 顺序关系

• nth-child(n) : 匹配父元素中的第 n 个子元素，元素类型没有限制。

• nth-of-type(n) : 匹配同类型中的第 n 个同级兄弟元素。

n 可以是一个数字，一个关键字，或者一个公式，比如：nth-child(odd) 奇数 ,nth-child(even) 偶数。