web自动化高级定位-css

1. css选择器概念
2. css相对定位使用场景
3. css语法与实战

css选择器概念：

• css选择器有自己的语法规则和表达式
• css定位通常分为绝对定位和相对定位
• 和xpath一起常用于UI自动化测试中的元素定位

css相对定位的优点：

• 可维护性更强
• 语法更加简洁
• 解决各种复杂的定位场景

css定位的调试方式： 

• 进入浏览器的控制台
• 输入：$（“css表达式”）或者$$(''css表达式")

在查询过程中，如果删除了#，那么就要添加对应的css属性名称，接着就是双引号和单引号的区别，就是字符串内仍然有另一个字符串，如果里面使用了单引号，那么外面需要使用双引号，反则同理。

css基础语法：

• 在$（这里输入的是   对应表达式，注意：不同属性名的不同表达式！！！）
• 如果用上述表达式方法，如果对应的字符串有空格的出现，请在$（）内把空格去掉用 .  代替！！！

css关系定位：

css顺序关系：

 ：nth-child（）括号内填的是在同一堆相同的标签里找顺数第几个——是找爸爸的第几个孩子。

：nth-of-type（）是找同种类型的第几个。