什么是Css Selector?
Css Selector定位實際就是HTML的Css選擇器的標簽定位
工具
Css Selector的練習建議大家安裝火狐瀏覽器后,下載插件,FireFinder 或 FireBug和FirePath組合使用。
Css Selector使用方法
1、Css Selector支持ID、Class的定位 與HTML中CSS定位相同
# 號表id 定位有id的標簽方式更加簡潔
#i1
. 代表Class 定位有id的標簽方式更加簡潔 .c1 Class定位還提供了多個Class定位 通過連續 . 來縮小范圍 .c1.c2.c3
2、Css Selector支持標簽定位沒什么卵用
與Css相同 支持標簽選擇器,但並沒有什么用,一個頁面重復的標簽太多
定位方式 :直接輸入標簽名稱
3、Css Selector支持任意屬性定位
屬性定位方式與css相同,直接中括號,加上屬性就可以了 [name='n1']
4、單單屬性定位不足以滿足我們的定位需求,Css Selector提供了標簽屬性組合定位
與css 定位相同 等同於我們標簽屬性選擇器 input[name='n1'] 當與ID、Class 組合使用時書寫方式更為簡單 Class input.c1 ID input#i1
5、Css Selector提供了多屬性組合過濾
Css Selector 的多屬性組合選擇過濾 沒有and 只需要多個[] 連接 就可以 select[name='city'][size='4'][multiple="multiple"]
6、同樣Css Selector也支持層級關系定位
與Xpath的不同 Css Selector通過 > 來區分層級的界定 select>option[value='3']
7、Css Selector模糊匹配
^= 匹配元素屬性以什么開頭 input[value^="登"] $= 匹配屬性以什么結尾 input[value$="錄"] *= 匹配屬性包含什么值 input [value*="錄"]
倚天劍我們已經是不是比屠龍刀更加的鋒利?
畢竟倚天劍和屠龍刀不是一般人能夠使用的,如果屠龍刀與倚天劍揮舞不起來,還有個簡單的神器,Selenium Builder。