首页 > 其他分享 >CSS - CSS的三大特性,层叠性,继承性,优先级

CSS - CSS的三大特性,层叠性,继承性,优先级

时间:2023-01-04 18:35:25浏览次数:41  
标签:style 优先级 权重 样式 CSS font 选择器 三大

1.层叠性

给一个元素设置两个相同的样式类型,样式冲突了,遵循的原则是就近原则,元素离哪个样式近就执行哪个样式

 

2.继承性

后代元素会继承父元素的样式

会产生继承性的样式:

1.文本相关属性
font-family,font-size,font-style,font-weight,font,line-hight,text-align,text-indent,word-spacing
2.列表相关属性
list-style-image,list-style-position,list-style-type,list-style
3.颜色相关的属性
color

 

3.优先级

样式表优先级:

内联样式  >  内部样式  >  外部样式

 

选择器优先级:

标签选择器 权重 1

类选择器 权重 10

伪类选择器 权重 10

伪元素选择器 权重 10

属性选择器 权重 10

id选择器 权重 100

权重是可以叠加的,如选择了11个类选择器 权重就是110,那这个选择器的优先级就大于id选择器的优先级了

 

无穷大选择器:

color: pink!important;

 

标签:style,优先级,权重,样式,CSS,font,选择器,三大
From: https://www.cnblogs.com/ErenYeager/p/17025698.html

相关文章