首页 > Web开发 > 详细

css定位方式

时间:2016-04-27 12:15:18      阅读:167      评论:0      收藏:0      [点我收藏+]
CSS表达式 匹配元素说明 xpath
* 匹配任何元素 //*
div 标签 //div
div#eleID by ID //div[@id=‘eleID‘]
 div.class  by 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  多个类定位  
     

css定位方式

原文:http://www.cnblogs.com/cshi/p/5437999.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!