一、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表达式”)
- $$(“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) 偶数。
最后:下面是配套学习资料,对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!【100%无套路免费领取】
软件测试面试小程序
被百万人刷爆的软件测试题库!!!谁用谁知道!!!全网最全面试刷题小程序,手机就可以刷题,地铁上公交上,卷起来!
涵盖以下这些面试题板块:
1、软件测试基础理论 ,2、web,app,接口功能测试 ,3、网络 ,4、数据库 ,5、linux
6、web,app,接口自动化 ,7、性能测试 ,8、编程基础,9、hr面试题 ,10、开放性测试题,11、安全测试,12、计算机基础