首页 > 其他 > 详细

属性值的计算过程

时间:2020-07-22 23:23:19      阅读:73      评论:0      收藏:0      [点我收藏+]

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

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

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

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

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

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

属性值的计算过程

原文:https://www.cnblogs.com/fhzm/p/13363177.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!