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)

你可能感兴趣的:(html选择器的测试题答案)