❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
外部引用: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(这个样
CSS知识点
最新推荐文章于 2024-06-25 05:44:41 发布