css一種標記語言,css定位就是通過css選擇器工具進行定位。
查詢元素的效率比xpath高,語法比xpath更簡潔。
id 選擇器
語法:#id
如:#passworda
class 選擇器
語法:.class
如:.tela
元素選擇器
語法:element
如:input、h1
屬性選擇器
語法:[屬性名=屬性值]
層級選擇器
語法:1. p>input
2. p input
>與空格的區別:大於號必須為子元素,空格則不用。
示例:1 [屬性^ = 『開頭的字母』]
獲取指定屬性以指定字母開頭的元素
如 :[name^ = 『admi』 ]
2 [屬性$ = 『結束的字母』]
獲取指定屬性以指定字母結束的元素
如:[name$ = 'min』]
3 [屬性* = 『包含的字母』]
獲取指定屬性包含指定字母的元素
如:[name$ = 'dmi』]
css選擇器 CSS選擇器總結
在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...
CSS選擇器 復合選擇器
選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...
CSS選擇器 屬性選擇器
最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...