属性值的计算过程

一个一个元素,依次渲染,按照页面文档的树形目录结构进行

渲染每一个元素的前提条件:该元素的所有css属性必须都有值

属性值的计算过程:一个元素,从所有属性没有值到所有属性都有值的过程
1.确定声明值:参考样式表(作者样式表,或者浏览器样式表)中没有冲突的声明,作为css属性值
2.层叠冲突:对样式表中有冲突的声明使用层叠规则,确定css属性值
3.继承:对仍然没有值的属性,若可以继承,则继承父元素的值
4.使用默认值:对仍然没有的值,使用默认值

inherit:强制继承,将父元素的值应用到该元素
initial:将元素的样式设置为默认样式

当给a元素的父元素设置字体颜色时,a元素的颜色不会被改变,是因为a元素一开始第一步确定声明值就已经确定了a元素的颜色

所以不会在第三步发生继承,同理其他某些元素某些字体样式不能继承,也是这个原因

posted @ 2020-07-22 21:13  颿華正茂  阅读(428)  评论(0)    收藏  举报