层叠性
浏览器处理冲突的一种能力,有冲突的样式按CSS的书写顺序 以最后书写的CSS样式为准,只有冲突的样式会被层叠
继承性
子标签可以从其父标签继承部分样式(一般情况下与文本相关的会继承)
优先级
类选择器的优先级比标签选择器的优先级(权重)高
- 不同的选择器有给定的权重,权重越大的越先执行
- 标签选择器的贡献值为0,0,0,1,类选择器的贡献值为0,0,1,0,两个贡献值的比较是从右到左比较,高位的数比较大的权重比较大,即选择器的权重比较大
- id选择器的权重为0,1,0,0,行内样式的贡献值为1,0,0,0,即行内样式的权重 > id选择器的权重 > 类选择器 > 标签选择器
- 每个 !important 的贡献值为无穷大,即为最大的
- *(全部元素)或者 继承 的权重为0,0,0,0,即为最小的;只要是自己给了特定样式 不论从父标签继承的权重有多高都是自己的优先,即继承的权重为0
- 同级的选择器才按照在CSS中的书写顺序,以后面写的为准,或者当出现有多个权重相同的情况时也是按照就近原则
- 权重会叠加,如div p表示的是div中的p元素,叠加后的权重为0,0,0,2,伪类选择器a:hover的叠加后的权重为0,0,1,1(a为0,0,0,1,:hover为0,0,1,0),注意这种叠加没有进位(进制)的说法