码迷,mamicode.com
首页 > Web开发 > 详细

Selenium系列之--06 CSS SELECTOR选择器的一些写法

时间:2020-06-28 22:47:52      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:路径   identity   空格   color   cto   表示   sele   bsp   child   

常见符号:

#表示id
.表示class
>表示子元素,层级
一个空格也表示子元素,但是是所有的后代子元素,相当于xpath中的相对路径

 实例如下:

//#input 选择id为input的节点

//.Volvo 选择class为Volvo的节点

//div#radio>input 选择id为radio的div下的所有的input节点

//div#radio input 选择id为radio的div下的所有的子孙后代input节点

//div#radio>input:nth-of-type(4) 选择id为radio的div下的第4个input节点

//div#radio>:nth-child(1) 选择id为radio的div下的第1个子节点

//div#radio>input:nth-of-type(4)+label 选择id为radio的div下的第4个input节点之后挨着的label节点

//div#radio>input:nth-of-type(4)~label 选择id为radio的div下的第4个input节点之后的所有label节点

//input.Volvo[name=‘identity‘] 选择class为.Volvo并且name为identity的input节点

//input[name=‘identity‘][type=‘radio‘]:nth-of-type(1) 选择name为identity且type为radio的第1个input节点

//input[name^=‘ident‘] 选择以ident开头的name属性的所有input节点

//input[name$=‘entity‘] 选择以‘entity‘结尾的name属性的所有input节点

//input[name*=‘enti‘] 选择包含‘enti‘的name属性的所有input节点

//div#radio>*:not(input) 选择id为radio的div的子节点中不为input的所有子节点

//input:not([type=radio]) 选择input节点中type不为radio的所有节点

Selenium系列之--06 CSS SELECTOR选择器的一些写法

标签:路径   identity   空格   color   cto   表示   sele   bsp   child   

原文地址:https://www.cnblogs.com/liuyitan/p/9964097.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!