接下來,開始講解 CSS元素定位。
CSS定位速度快,功能多,但是不能向上查找,比 xpath好用,是本人認為最好用的定位方式
大致用法總結:
具體使用仿上篇博客。http://www.cnblogs.com/zhongmeizhi/p/6296213.html
下面都是精華哦。
1、*:checked 選中*的checked元素
2、 li.refined.list.group.item (如果class中間有空格,可以.+.+.全寫也可以只寫任意一個)
.checkbox[type^='check'][onclick*='Bebe'][checked$='ed'] +a
(開頭^= 包含*= 結尾$= )+a 是選中同級的后面的a
3、 li a :選中 li 標簽的后代 a
5、 li>a :選中 li 標簽的子元素 a
4、 li,a :選中 li 和 a
5、 li +a :選中 li 同級的 下一個 a
6、 li ~a :選中 li 同級的 下面所有的 a
7、 li>a:last-child / li>a:last-of-type : 選中 li 下最后面一個 a
8、 li:not([class*='_']) : li 中的 calss 不含 '_'
li:not(:nth-of-type(1)) : 不含第一個 li 的所有 li
9、 li>a:nth-child(n) / li>a:nth-of-type(n) :選中 li 下第 n 個 a
li>a:nth-last-child(n) / li>a:nth-last-of-type(n):選中 li 下,倒數第 n 個 a
如果 n = odd 表示奇數
如果 n = even 表示偶數
div h2:nth-child(n) : 當div的第n個子元素是h2的時候
div h2:nth-child(n) : 當div的第n個子元素是h2的時候
div h2:nth-of-type(n): div下第n個h2子元素
10、 div[style] : div中包含 屬性style
11、 li>a:only-child :li 下只有1個a的 a 標簽
東西都碼在一起了。修行靠個人。