1、层叠性:
1)样式冲突,权值高的优先显示;权值相同,后出现的样式会覆盖先出现的样式。
2)样式不冲突,样式进行叠加
2、继承性——子元素继承父元素样式
可继承的属性有:
1)字体系列属性——font-family、font-size、font-weight、font-style、line-height
2)文本系列属性——text-indent、text-align、color
3)列表——list-xx
3、优先级
1)选择器的权值越大,优先级越高;权值相同时,谁在后面显示谁
2)基本选择器权值:通配符选择器<0>、标签选择器<1>、class选择器<10>、id选择器<100>
3)复合选择器权值计算方式:组成复合选择器的所有单一选择器的权值累加
例如:
.container div{ } 权值:10+1=11
#box .container p{ } 权值:100+10+1=111
tips:
行间样式的优先级高于id选择器的优先级;
继承样式的权值为0,子元素中设置的样式,会覆盖继承到的样式;
在样式中定义!important,优先级高于行间样式;