CSS三大特性
1.层叠性
是指CSS样式展示效果在不考虑优先级或者是同等优先级下,展示信息根据就近原则,即先写后展示原则,代码中同一个元素在相同等级的情况下展示的效果以最后一次书写的样式为准。
2.继承性
很多语言中都会有继承这个概念。像c/python等语言,都有继承的特性。即父元素的特性子元素是可以直接使用的,但是CSS的继承性有特殊的地方。有些属性是不可以继承的,比如一些父元素的宽高,或者是h系列的标签中字体的大小都是不能继承获取的。比如对外层的div元素设置背景色,对其他的不设置,那么内层的div也会继承外层div的背景色。
3.优先级
是指同一个元素在不同选择器以及众多行内样式等的修饰下,应该按照怎样的顺序展示相应的效果。比如我们在类选择器中添加width: 50%,而行内样式上写的是width=28%,最终的实现效果就是以行内样式为准,因为行内样式的优先级高于类选择器的。
一般优先级顺序是:
!important>行内样式>id选择器 > 类选择器 > 标签选择器 > 通配符(也是直接选择器) > 继承 > 浏览器默认