为什么我的：在覆盖类后不能在IE10＆amp; IE9？

Question

我有一个类，我正在使用另一个类名（包含更多特定更改）进行扩展。出于某种原因，原始规则在IE9和IE10中没有被覆盖，但它适用于包括IE8在内的所有其他浏览器！包含覆盖类（样式）的样式表也在原始类所在的样式表之后引用。

原来的课程是： .panel:after { content: "" , etc...}

新课程是： .panel.sales-tip:after { content: "\E006", etc... }

Internet Explorer Web Inspector： Web检查器显示以下信息。为什么这两个类似乎都被禁用了，但是当我取消选中“.panel：after”之后，其他样式就会起作用，并且做到了。有任何想法吗？谢谢！

Answer 1

我发现这是因为我在font-size: 0px声明中有了这个规则 - .panel:after - 并且它没有被{{{font-size: 2.2em规则中的新.panel.sales-tip:after规则覆盖1}}声明。

我在font-size: 35px声明中使用固定大小的.panel.sales-tip:after结束了。

我很高兴解决了这个问题，但是有人知道为什么它不会覆盖吗？只是好奇。谢谢！