04-元素定位-cssSelector
来源:互联网 发布:js json添加数据 编辑:程序博客网 时间:2024/05/09 09:55
基础语法
E (如div标签)
标签选择器,匹配所有使用E标签的元素 E、F代表的是标签
E F
后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔, 跳过中间一些标签
E > F
子元素选择器,匹配所有E元素的子元素F 直接的下一级
E + F
毗邻元素选择器,匹配紧随E元素之后的同级元素F (只匹配第一个)
E ~ F
同级元素选择器,匹配所有在E元素之后的同级F元素
.info (.表示class)
选择器,匹配所有class属性中包含info的元素
#footer (#表示id)
选择器,匹配所有id属性等于footer的元素
E[att='val']
属性att的值为val的E元素 (区分大小写)span[class="ui-tg-text"]
E[att^='val']
属性att的值以val开头的E元素 (区分大小写)
E[att$='val']
属性att的值以val结尾的E元素 (区分大小写)
E[att*='val']
属性att的值包含val的E元素 (区分大小写)
E[att1='v1'][att2*='v2']
属性att1的值为v1,att2的值包含v2 (区分大小写)多属性选择器
div>div:nth-child(1)
input:nth-of-type(4)区别
div>td:nth-child(1) 匹配div下第一个td子节点
div>td:first-child div>td:last-child
div#radio>input:nth-of-type(4) 匹配所有div下第四个input子节点
#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)~labe 选择id为radio的div下的第4个input节点之后的所有label节点
input.Vovlo[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节点
<abbr>Abc<abbr/> css=abbr[title="Abc"]
- 04-元素定位-cssSelector
- 【Selenium专题】元素定位之CssSelector
- selenium定位元素之By.className()和By.cssSelector()
- 模拟浏览器自动化测试工具Selenium之四cssSelector元素定位开发篇
- selenium -- cssSelector
- 元素定位
- 元素定位
- 元素定位
- 元素定位
- 定位元素
- 定位元素
- 元素定位
- 元素定位
- 元素定位之相对定位
- 元素定位---使用 CSS 选择器定位元素
- 元素绝对定位 V2
- 元素的定位
- CSS-- 元素的定位
- 随机过程、马尔科夫链和随机游走
- 算法复杂度
- React学习笔记_安装reacttools
- Access denied for user 'root'@'localhost' (using password:YES) 解决方案
- Java接口和抽象类的区别
- 04-元素定位-cssSelector
- 输入多个数字,并求其总和与平均数,每输入一个数字用回车确认,通过输入非数字来结束输入并输出执行结果
- Java学习笔记(4): 继承与多态
- 中文问题
- #define的使用
- iOS CAGradientLayer的一些属性解析
- 软件工程项目——校园二手交易系统——第一部分需求规格说明书
- 浏览器/iframe 全屏、退出全屏
- 【Linux】 Linux常用指令大全