CSS 三大特性:继承性,层叠性,优先性

CSS 的三大特性:

1.继承性

一个页面中包含在内部的标签,继承了外部标签的样式。(官方解释:子元素继承了父元素的样式。)例如可继承的 font-* (字体系列属性) , p ,text-*(文本系列属性)等等。不可继承的很多,涉及到 padding ,border , margin ,width , height 都不可继承。记忆的建议:你就是记不可继承,边框,边距,宽高等描述距离长度等都不可继承。平时多积累,实在记不得你就试一试,这样你就知道能不能继承,下次再写就记住啦 (ง •_•)ง

这里的 p 和 span 标签继承了外部的div 标签的颜色属性。宽,高,边距,边框均未被继承,属于不可继承的元素!

2.层叠性

层叠性是指有多个选择器或一个选择器中的多条样式作用于同一元素,即样式的作用范围发生了重叠。(官方解释)

如图所示,标签选择器,id 选择器和类选择器,都修饰 这段文字,并且都修饰颜色这个样式。由于 id选择器的优先级最高,所以这段文字显示绿色。层叠性跟优先级有关,最先显示优先级高的样式。

注意:不同选择器或不同样式修饰同一元素的相同属性,才能被称为层叠。

3.优先性

 !important > 行内样式 > id选择器 >  类选择器 > 标签选择器  > 默认样式        就是谁的优先级高,先执行哪个样式!


特别说明:

css 有权重的概念,且权重可叠加,具体可以自己去了解下。反正我也记不住,算来算去好麻烦,跟着感觉走好嘛♪(^∇^*)

未经允许,禁止转载! 记得点赞收藏哦ヽ(✿゚▽゚)ノ

猜你喜欢

转载自blog.csdn.net/qq_44761243/article/details/108286401
今日推荐