2020 09 14 css的選擇符

2021-10-09 11:01:25 字數 1293 閱讀 8739

1.匹配a標籤中屬性為b的採用此樣式

a[b]
2.匹配a標籤中屬性的值是以b開頭的採用此樣式

a[b^


=c]
3.匹配a標籤中b屬性的值是以c字母結束的採用此樣式

a[b$=c]
4.匹配a標籤中b屬性的值中包含c字母採用此樣式

a[b*


=c]
5.匹配a標籤中b屬性的值有c字母結束的採用此樣式

a[b~


=c]
6.匹配a標籤中b屬性的值為c的採用此樣式

a[b=c]
1.a標籤中第一行內行採用此樣式

a:first-line
2.a標籤中第乙個字母採用此樣式

a:first-letter
3.在a標籤之前新增此內容採用此樣式

a:before
4.在a標籤之後新增此內容採用此樣式

a:after
5.a標籤中第乙個兒子b採用此樣式

a b:first-child
6.a標籤唯一的乙個兒子b採用此樣式

a b:first-child
1.從下往上數a標籤的第奇數個兒子b採用此樣式

a b:nth-last-


child


(odd)
2.從下往上數a標籤的第偶數個兒子b採用此樣式

a b:nth-last-


child


(even)
3.從下往上數a標籤的第n個兒子b採用此樣式

a b:nth-last-


child


(n)
1.a標籤中內容為空的採用此樣式

a:empty
2.a標籤中除了選擇器為#one都採用此樣式

a:not
3.此頁面中根元素的採用此樣式

:root
4.錨點

:target

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名，放在方括號裡 title css不限制屬性選擇符只能使用標籤名，也可以使用類。例如 photo title 用於選取類為photo，而且設定了ti...

CSS選擇符 型別選擇符

h1用於選取特定html標籤的選擇符，叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符，只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小，只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...

CSS 選擇符大全（常用css選擇符）

e 某個元素,如p id 使用id，如 idname class 使用class，如.myclass 萬用字元 包含選擇符 e f e所有的f包含子代，孫代，子子孫孫等等 子選擇符 e相鄰選擇符 e f 和e相鄰的f，相隔乙個都不算 兄弟選擇符 e f 和e同級的f的算 e att e中帶有某個at...