CSS Dinner

1.元素选择器

image.png

2.元素选择器

image.png
3.id选择器
image.png

4.后代选择器

image.png
5.id和后代选择器
image.png
6.类选择器
image.png
7.复合选择器
image.png
8.后代选择器和复合选择器
image.png

9.并集选择器

image.png
10.通用选择器
image.png
11.元素选择器和通用选择器
image.png
12.兄弟选择器中+是兄弟后面一个兄弟
image.png
13.兄弟选择器中~兄弟后面的所有兄弟
image.png
14.直接子类选择器
image.png
15.子类选择器，第一个子类
image.png
16.子类选择器，只有一个子类
image.png
17.id选择器，类选择器，并集选择器，子选择器最后一个子类
image.png
18.指定位置子选择器
image.png

19.指定位置选择器，倒数第二个

image.png
20.同一类子元素中第一个子元素
image.png
21.子元素选择器：偶数位置元素
image.png
22.子元素选择器：指定位置元素
image.png
23.唯一子元素选择器
image.png
24.最后一个元素的子元素选择器，并集选择器
image.png
25.空子元素选择器
image.png
26.否定伪类
image.png
通关
image.png