一、使用绝对路径定位
表达式:html>body>div>script
含义:从根html查到script,>表示路径层级
二、使用相对路径定位
表达式: body div
含义:body下的所有div,空格表示相对层级
三、使用class名称定位
表达式:.c-menu-fold
含义:定位class属性为c-menu-fold的元素
四、使用id值定位
表达式:#chatRef
含义:定位id属性值为chatRef的元素
五、使用属性定位元素
表达式:meta[name="referrer"]
含义:定位name属性为referrer的meta标签的元素
表达式:meta[name="referrer"][content="always"]
含义:多个属性一起定位
六、使用属性的一部分进行定位元素
表达式:script[type^="text"]
含义:以text开头的type属性的script元素
表达式:script[type$="pt"]
含义:以pt结尾的type属性的script元素
表达式:script[type*="sc"]
含义:type属性值包含sc的script元素
七、定位同级兄弟元素
表达式:svg + div
含义:定位svg同级的元素,svg之后的div
八:使用伪类定位元素
表达式:li:first-child
含义:所有同级li元素中的第一个
表达式:li:nth-child(2)
含义:所有同级li元素中的第2个
表达式:li:last-child
含义:所有用级li元素中的最后一个