您的位置：首页 > Web前端 > CSS

css定位方式

2016-04-27 10:44 375 查看
CSS表达式匹配元素说明xpath
*匹配任何元素//*
div标签//div
div#eleIDby ID//div[@id='eleID']
div.classby class//div[contains(@class,"class")]
div[title=AB]

div[title ^=A]

div[title $=A]

by 属性

=AB

以A开头

以A结尾

//div[@title = "AB"]

//div[@title ^= "A"]

//div[@title $= "A"]

div #id > *

div #id > h1

子元素 //div[@id="id"] /*

//div[@id="id"] /h1

div h1

定位后代元素//div//h1
li : hth(5)by index //li[6]
a:contains("abc")by content //a[contains(.,"abc")]
li{a:contains("abc")}

ul{a:contaions("abc")}

根据子元素回溯父元素

//li[a[contains(.,"abc")]]

//li[./a[contains(.,"abc")]]

//ul[.//a[contains(.,"abc")]]

css=li:contains("abc")+li

css=ul{a:contains("abc")}~ul

根据相邻元素定位//li[preceding-sibling::li[contains(.,"abc")]]

//ul[preceding-sibling::ul[.//a[contains(.,"abc")]]]

div.a.b多个类定位
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航