CSS知识点

❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
外部引用：link
内部引用：在head中加style
内联：（不建议使用）：在元素后加style
1.选择器：
通用选择器：{}
id选择器 #{}
类选择器 .{}
标签选择器 标签名{}
后代选择器 #box p
子代选择器 #box>p
兄弟选择器 #box~p
相邻选择器 #box+p
属性选择器 标签名【id】选中标签名中含有id属性的所有元素
标签名【name=""】选中标签名中所有name为的元素
伪类选择器 **：hover 鼠标滑过时的样式
**：last-child **后代中每一代的所有元素中的最后一个
**>:last-child **亲儿子中的最后一个
** ##：first-child **下面的每一代中的##中的第一个
**：nth-child(n) **下面的第n个孩子
** ##：nth-child(n) **每一代孩子中的##
**：nth-of-type(n) **每一代中每一种标签的第n个
** ##：nth-of-type(n) **每一代中##标签的第n个
**>##::after 在该标签后显示
**>##:hover:before 鼠标滑过时在该标签前显示
2.优先级：
权重值不同：权重值高的胜出
权重值计算
1、!important，加在样式属性值后，权重值为 10000
2、内联样式，如：style=””，权重值为1000
3、ID选择器，如：#content，权重值为100
4、类，伪类和属性选择器，如： content、:hover 权重值为10
5、标签选择器和伪元素选择器，如：div、p、:before 权重值为1
6、通用选择器（）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、权重值为0
[注释]不允许进位
3.继承：
优先级由低-高
1、用户代理样式表中的声明(例如，浏览器的默认样式，在没有设置其他样式时使用)。
2、用户样式表中的常规声明(由用户设置的自定义样式)。
3、作者样式表中的常规声明(这些是我们web开发人员设置的样式)。
4、作者样式表中的!important声明
5、用户样式表中的!important 声明
有些会继承有些不会（color，font-family）
不是所有的属性都能够被继承
继承父元素的样式 inherit
使用默认样式 initial
使用样式继承规则的默认值 unset（这个样