WEB自动化测试-CSS定位

CSS相对定位：1、可维护性更强　　2、语法更加简洁　　3、可以解决复杂定位场景

调试方法：1、进行浏览器的console：2、输入: $(""),输入内有字符串和外层字符串相反，外单内双，外双内单

CSS基础语法4方式

1、id：

$("#site-logo")

格式：$(" # + id")

2、class：

(".logo-big")

格式：$(". + id")

若多个class表签，则要将空格转化为.

$(".d-header-wrap.drop-down-mode.ember-view")

3、属性：

$("[id='site-logo']")

格式：$("[属性名='属性值']")

4、标签名

$("div")

CSS关系定位

1、并集

2、邻近兄弟

3、兄弟

4、父子

格式：元素>元素

5、后代

格式：元素 元素

CSS顺序关系

父子关系+顺序

$(':#form>input:nth-child(2)')

父子关系+标签类型+顺序

$(':#form>input:nth-of-type(1)')