为什么我的CSS有特殊性问题？

Question

有人可以解释一下为什么在这个例子中第一条规则不是第二条规则吗？根据我的CSS特异性知识,第二个更具体,应该使用.但所有浏览器首先使用.

例:

http://apblog.lv/misc/css_spec/example2.html

CSS:

table.data .negative {
  /* css specificity: 0,0,2,1 */
  color: red;
}
table.data tr.inactive td {
  /* css specificity: 0,0,2,3 */
  color: gray; /* this should be used */
}

HTML:

<table class="data">
  <tr class="inactive">
    <td><span class="negative">should be gray</span></td>
  </tr>
</table>

Answer 1

你<span class="negative">是最里面的元素,具有显示风格的元素也是如此.您<td>可能有不同的颜色设置,如果您在跨度之外添加文本,您将看到灰色.