先看一段代码, a标签是什么颜色?
<html><head><title>CSS</title><style>.wrapper {color: red;}</style></head><body><div class="wrapper"><a href="#">我是一个a标签</a></div></body>
</html>
答案: 蓝色
为什么我已经定义了父元素为红色, a标签不是应该继承父元素的样式为红色吗?
这个时候就引出了一个概念:样式的计算过程
样式的计算过程分为四步:
1. 确认已经声明的值
2. 确认重叠的值
3.确认继承的值
4.使用浏览器默认样式
我们以标签为例,逐步来看这几步骤是如何进行的!
第一步:如果元素有已经声明的值的话,就直接使用已声明的值,下面的步骤直接省略!
第二步:用户样式表 > 浏览器样式表
第三步: 继承样式
第四步:使用默认样式
案例中的a标签由于有浏览器的默认样式,所以到第一个就计算出来样式了!所以就是蓝色!