新增的關係選擇器有：
1.親兒子選擇器：>
新增的屬性選擇器：
1.標籤[^="a"] : 匹配屬性值以a開頭的元素
2.標籤[$="a"]: 匹配屬性值以a結尾的元素
3.標籤[*="a"]: 匹配屬性值含有a的元素
4.標籤[|="a"]: 匹配屬性值以a開頭，緊跟乙個-的元素
5.標籤[~="a"]: 匹配屬性值是乙個獨立的用空格分開的個體
序號選擇器： 序號從1開始。
1. a：first-child : 匹配是某元素第乙個兒子的a標籤；
2. a:last-child: 匹配是某元素最後乙個兒子的a標籤；
3. a: nth-child(n): 匹配是某元素第n個兒子的a標籤;
支援表示式,如： a:nth-child(5n+1): 匹配是某元素第1，6，11，16...個兒子的a元素
4.a:nth-last-child(n): 匹配是某個元素倒數第n個兒子的a元素，同樣支援表示式。
5. .c:nth-of-type(n): 匹配是某乙個元素class為c的兒子中的第n個。
同理還有 first-of-type/last-of-type
6. .c：nth-last-of-type(n): 匹配某乙個元素中class為c的兒子中的第n個。
css3學習筆記 css3選擇器
e attr 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 css ul,li lihtml class linksitem id...
CSS3學習筆記 選擇器
css3 選擇器 1.1屬性選擇器 e attr value 指定屬性名，找到以value開頭的屬性值 e attr value 指定屬性名，找到以value結尾的屬性值 e attr value 指定屬性名，找到包含value開頭的屬性值 1.2為類選擇器 1.2.1 使用者介面相關的 e ena...
CSS3學習筆記 選擇器
類選擇器 class classname classname 選取class為classname的元素 p.chassname 選取p標籤中class為classname的元素 classname1.classname2 選取同時擁有.classname1和.classname2的元素 id選擇器 ...