1. 程式人生 > >前端筆記-04(CSS3選擇器)

前端筆記-04(CSS3選擇器)

E F 選擇E的所有後代為F的元素 E > F 選擇E的所有子代為F的元素 E + F 選擇和E相鄰的為F的兄弟元素 ,父元素必須相同 ** E ~ F** 選擇和E的所有的為F的兄弟元素 ,父元素必須相同 E[Alt] 選擇E的屬性中含有Alt的的元素 E[Alt=“AA”] 選擇E的屬性中含有Alt且Alt的值為AA的元素 ** E[Alt^=“AA”]** 選擇E的屬性中含有Alt且屬性值以AA開頭的元素 E[Alt$=“AA”] 選擇E的屬性中含有Alt且其屬性值以AA結尾的元素 E[Alt=“AA”]* 選擇E的屬性中含有Alt且屬性值含有AA的元素 E[Alt|=’'AA”]

選擇E的屬性中含有Alt且屬性值以AA開頭或者屬性值以AA-開頭的元素 E[Alt~=’'AA"] 選擇E的屬性值為Alt且屬性值包含單詞AA的元素 E:first-letter 選擇每一個E元素的第一個字母 E:first-line 選擇每一個E元素的第一行 E:first-child 選擇只有當E為父級元素時的第一個元素 E:last-child 選擇只有當E為父級元素的最後一個元素 ** E:nth-child(X)** 1:當x為數字時,表示選中E為父級元素的第X個元素 2:當X為2n時,表示選中E為父級元素的偶數個元素 3:當X為2n+1時,表示選中E為父級元素的奇數個元素 E:nth-last-child
與nth相同,只不過從倒數開始 ** E:first-of-type、 E:last-of-type、E:only-of-type、E:nth-of-type(n)、E:nth-last-of-type(n)、用法與child相似** 在這裡插入圖片描述CSS.doyoe.com