cssselector元素定位

转自https://blog.csdn.net/qq_40024178/article/details/78945651

一.概述

cssSelector也是一种经常使用的选择器，CSS locator比XPath locator速度快,用CSS Selector能很是精准的定位到想测试的Elements

二.cssSelector经常使用符号说明

# 表示id

. 表示class

> 表示子元素，层级

一个空格也表示一个子元素，可是全部的子元素至关于xpath中的相对路径

三.cssSelector的经常使用用法

#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节点

div#radio>*.not(input) 选择id为radio的div的子节点中不为input的全部子节点

input:not([type='radio']) 选择input节点中type不为radio的全部节点