层叠性:
- 样式冲突:替换(以最后的顺序为准,覆盖前面的样式)
- 样式不冲突:不替换
<style>
div{
color:red;
}
div{
color:green;
}
</style>
<div>变成绿色</div>
继承性:
子标签会继承部分(文本相关)的样式
优先级(权重)
!important > 行内样式 > id选择器 > class类选择器 > 标签选择器 > *
- 权重相同,以最后的为准覆盖前面的样式
- 权重会叠加(两个类选择器大于一个类选择器的权重)