一、css相关定位
1、常见选择器:
表示id选择 。
. 表示class选择。
‘>’ 表示子元素,层级。
一个空个也表示一个子元素,但是是所有后代子元素,相当于xpath中的相对路径
2、css属性定位:
例如,
用id定位:"#kw"
用class定位:".s_ipt"
用标签定位:input
3、css用其他属性定位,仍如上例:
[type=text][name=wd][maxlength=100][autocomplete=off]
4、css标签,仍如上例:
input.s_ipt input#kw input[id=‘kw’]
5、css:层级关系:
from#from>span#s_kw_wrap>span>input.s_ipt
6、css:索引:
复制代码
css也可以通过索引nth-child(1)来定位子元素,直接翻译过来就是第几个小孩
总结:选择标签后,找第几个小孩即可
Select控件第三个Opel
#select>select>option:nth-child(3)
CheckBox第一个Volvo
#checkbox>input:nth-child(1)
复制代码
#通过索引nth-of-type(2)来定位子元素,按照分类指定
选择select的saab
#select>select>option:nth-of-type(2);