
tag[attribute=‘value’]
CSS选择器语法:标签名[属性=‘值’],
“#”表示ID
“.”表示class
查找的属性是ID或class可以忽略固定语法,使用简写代替
类选择器和ID选择器在点和#前加标签名可以提高定位速度
如果元素的ID不唯一,或者是动态ID,或者name以及linktext属性值也不唯一,我们就需要考虑使用xpath来查找元素,再对元素执行操作
不管用什么方式查找元素,id,Name,Xpath,CSS等,都需要在页面上能查找到唯一的元素,都应该只能找到一个匹配的node。
除非想要查找一批元素放集合里,然后来操作集合
CSS :ID选择器查找元素
语法:
tag[attribute = 'value']
tag:标签名
attribute:属性
value:值
缩写#代表Id
缩写 . 代表Class
百度登陆按钮定位
input[id = 'su']
(input)#su:如果页面多个标签有共同的id,可以在#加上标签名
CSS选择器定位元素的语法:tag[attribute='value']
. 代表的class
# 代表的id
eg: a[class='signin']可以写成 .signin 或 a.signin
CSS符号代表的意思:
CSS ID 选择器查找元素的语法
tag[attribut='value']
"#" --->id选择器
“.”--》Class选择器
实例如下:
a[class='active'] 或 .active
div[id='nav'] 或 #nav
若存在不同标签同一ID则使用如下在id前面加上对应的标签
a#nav
总结:此课程学了大部分,基本完全学完。对于感觉已经会的,就没有听了。
CSS ID选择器查找元素
语法: tag[attribute='value']
解释:tag指标签;attribute指属性;value指属性的值
在CSS中,#代表ID,"."代表class
示例:慕课网登录的按键的元素写法
a[id='js-signin-btn']
#js-signin-btn 对上面的简写
a# js-signin-btn 指特定a标签下的元素,方便直接定位
语法:tag[attribute='value']
"#" --> Id
"." --> Class
a#-signin-btn(查找a底下的ID,a即是标签名)
1、标签名[属性名=‘值’’]
2、#代表ID
3、.代表Class
语法:tag[attribute='value']
css ID选择器查找元素
a[id='js-signin-btn']
#js-signin-btn
a#js-signin-btn
css ID选择器查找元素
a[id='js-signin-btn']
#js-signin-btn
a#js-signin-btn