css - 通用选择器在这里如何工作？

Question

* { font-weight: normal; }
#stockTicker { font: 12px Verdana; }
.corpName { font-weight: bold; }
.stockUp { color: red; }

<div id="section">
   NYS: <span class="corpName"><span class="stockUp">GE</span></span> +1.0 ...
</div>

为什么当 .corpName 在样式中出现较晚并且具有更高的特异性时，通用选择器在这里获得最后发言权？

JSFiddle 在这里:http://jsfiddle.net/zackgao/2q9Wh/

Answer 1

CSS 指定属性的赋值来自级联、继承或属性的初始值，按照该优先顺序 (CSS spec)。

自 *适用于 <span class="stockUp">在级联过程中，不考虑继承值。

在 <span class="corpName"> 内直接发短信自 corpName 以来，元素的样式将如您所愿类将击败*在级联过程中。