这是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)