自动化测试之web测试(三)

本文详细介绍了CSS选择器的使用方法,包括基本的选择器语法、通过元素的嵌套关系、属性及父子关系进行选择的具体案例。

一、.css选择器语法

1、通过元素之前嵌套关系

案例1:div,p选择所有<div>元素和所有<p>元素

案例2:div p 选择<div>元素内部所有<p>元素

 

2、通过属性

案例1:[id]:带有id属性的所有元素

案例2:[ name="description"]:选择name="description"的所有元素

 

案例3:a[href^="https://"]:选择其href属性值以"https://"开头的每个<a>元素

案例4:a[href$="com"]:选择其href属性值以"com"结尾的每个<a>元素

案例5:a[href*="baidu"]:选择其href属性值包括“baidu”的每个<a>元素

3、通过父子关系

案例1:p:only-child:选择属于其父元素的唯一的子元素的每个<p>元素。

案例2:p:nth-child(2):选择其父元素的第二个子元素的每个<p>元素。

 

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值