在表行和单元格上使用时,CSS特异性不适用

问题描述

我对CSS Specificity的理解是tr.makeitred应该推翻.makeitblue

那么我想念的是什么呢?在这种情况下,Blue仍然是.makeitblue的蓝色...而不是被tr.makeitred的更高特异性所取代?

(即使添加!important使其成为color:red !important也不起作用)

tr.makeitred {
  color:red;
}
.makeitblue {
  color:blue;
}
<table>
  <tbody>
    <tr class="makeitred">
      <td>Red</td>
      <td class="makeitblue">Blue</td>
    </tr>
  </tbody>
</table>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)