CSS選擇器(css selector)的使用

2021-10-08 22:30:42 字數 581 閱讀 4696

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...