CSS餐厅练习心得体会~

CSS餐厅练习心得体会~

餐厅练习的地址链接
1、类型选择器 A
2、类型选择器 A
直接写类型的名称
3、ID选择器 #id
直接跟上ID的值
4、后代选择器 A B B包含于A
先写父亲，再写儿子；先是大范围，在是小范围，感觉像是范式里面的一级一级细分
5、可将任何选择器与后代选择器组合到一起 本题是#id A
将id选择器与类型选择器组合，实质上4和5都是交集选择器
6、类选择器 .classname
类名就是class的值
7、类选择器和类型选择器组合到一起 A.classname
8、bento orange.small
感觉是选择器的嵌套，一层一层写父亲，儿子，孙子
9、并集选择器 A,B
用逗号连接，表示包含A或者B的东西
10、通用选择器 *
选中所有的内容
11、组合通用选择器 A.*
选择包含某一种共同特征的全部内容
12、相邻同级选择器 A + B
就是兄弟选择器，选择下一个兄弟,苹果在盘子的后边，因此是盘子 + 苹果
13、通用同级选择器 A~ B
选择A后面的所有B，即选择A下面的所有兄弟
14、子元素选择器 A > B
从A里面选出直接包含的儿子，也可以A > B > C
连续下去选子孙
15、伪类 第一个孩子 :first-child
始终选择内容里面的第一个子元素
伪类是实际上不存在的特殊的类
16、唯一孩子，独生子女 :only-child
选择某一个容器里唯一的那些东西，唯一意味着它们没有相同点
17、最后的孩子 :last-child
选择它们共同属性中的最后一个子元素，本题是.small :last-child
18、随意选择的孩子 :nth-child(n)
选中第n个孩子，n就代表第几个。
特殊值：2n或者even，偶数位的孩子
2n+1或者odd，奇数位的孩子
19、选择倒数第几个孩子 :nth-last-child(n)
从父级的底部开始往上选择，本题是bento:nth-last-child(3)
20、第一类选择器 :first-of-type
选择某一个特殊类型的第一个元素
21、 第n个类型选择器 :nth-of-type(n)
选择某一特定元素的偶数个或者奇数个
22、有公式的第n个类型选择器 :nth-of-type(An+B)
从第B个开始每隔An个选择一个，也包含B
23、唯一类型选择器 :only-of-type
在另一个元素中选择类型唯一的那个元素
24、类型选择器中选择最后一个元素 :last-of-type
本题里面可以是apple:last-of-type,orange:last-of-type或者.small:last-of-type
25、空选择器 :empty
选择某属性为空的元素
26、选择除了括号内的元素 :not(X)
本体是apple:not(.small)
27、属性选择器 [属性名]
28、某一个有具体特征的属性选择器 类型选择器[属性名]
29、属性=“值” [attribute=“value”]
30、选择所有用指定特殊字符开头的元素 [attribute^=“value”]
用^=实现
31、选择所有用指定特殊字符结尾的元素 [attribute$=“value”]
用英文状态下的￥=实现
32、选择属性值中含有某值的元素，有就行，在什么位置不重要 [attribute*=“value”] 用*=实现
留下一个记录，下次不会的时候再看看