html选择器的测试题答案

这是html选择器的测试题：  html选择器测试题--带答案_免费高速下载|百度网盘-分享无限制

1，plate      

元素选择器          语法：标签名 { }

2，bento

元素选择器         语法：标签名 { }

3，#fancy

ID选择器             语法：#id内容 { }          

4，plate apple

复合选择器（交集选择器）      语法：选择器1 选择器2         （相当于嵌套，选择  语法1 下面的 语法2）

5，#fancy pickle

属于：复合选择器（交集选择器）      语法：选择器1 选择器2   （#id内容 选择器2）

6，.small

类选择器             语法：.className { }

7，##orange.small 或 bento orange.small,plate .small

属于：复合选择器（交集选择器）      语法：选择器1选择器2   （选择器）

8，bento orange.small

群组选择器（并集选择器）           语法：选择器1,选择器2,选择器3 { }

9,plate,bento

##元素选择器  

10，*

通用选择器          语法：*{ }

11，plate *

通用选择器          语法：*{ }

12，plate:first-of-type+ .small,plate:last-of-type+ apple

兄弟选择器             语法:    1,查找后边一个兄弟元素    兄弟元素 + 兄弟元素{}

13，bento~pickle

兄弟选择器             语法:    2,查找后边所有的兄弟元素    兄弟元素 ~ 兄弟元素{}

14，plate>apple

子元素选择器     语法：父元素 > 子元素{}

15，plate:last-of-type :first-child

子元素选择器  - 选择最后一个子标签           语法：       :last-child   

16，plate:first-of-type apple,plate:nth-of-type(2) .small

###子元素选择器           语法：       :first-child    - 选择第一个子标签        :first-of-type    - 第一个类型      :nth-of-type - 指定的位置

17，plate:first-of-type .small,pickle.small

  :first-child    - 选择第一个子标签      与    ### 的连用、

18，plate:nth-of-type(3)

19,bento:nth-last-child(4)

20,apple:first-of-type

21.plate:nth-of-type(even)

22.plate:nth-of-type(3),plate:nth-of-type(5)

23,plate:nth-of-type(2) .small

24,orange:last-of-type,apple:last-of-type

25,bento:not(bento:nth-of-type(2))

26，apple:not(apple:first-of-type.small)