为什么*选择器会覆盖类选择器？

Question

我的问题很简单，为什么跨度下面的文本显示为蓝色？

我已阅读了有关选择器（https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity）特异性的解释，它表明*不会对特异性产生影响。我认为类选择器“ .a”具有更高的特异性，应该使跨度中的文本为红色。

我想加深对CSS选择器在这里如何工作的了解。

* {
   color: blue;
}

.a {
  color: red;
}

<div class="a">
Div
<span>Span</span>
Div
</div>