IE9 CSS通用选择器优先于重要的直接选择器

Question

所以我的CSS文件中有一个通用选择器来改变一些像font-family和color这样的东西，因为这些规则可以应用于几乎任何东西，只有一两个例外：

*
{
    font-family: "Roboto", Sans, Arial, serif;
    color: white;

    outline:none;
}

其中一个案例结果是选择框，在IE中可以进行一些配置。

白色文本颜色与选择框的自然白色背景冲突，因此我在通用选择器后添加了以下规则：

div#cart div.donate p select
{
    color: black !important;
}

但IE 9仍然使用针对目标规则的通用规则。为什么呢？

这是展示问题的JSFiddle。

Answer 1

并非普遍规则具有更高的特异性，select不会在IE9中设置文本颜色的样式。

从你的JSFiddle中，#gift-sel option将在IE9中设置该文本的样式，因为IE9依靠option代替select来设置颜色样式。