html - 为什么我的 :after override class not work in IE10 & IE9?

Question

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

原来的类是:.panel:after { content: ""等...}

新类是:.panel.sales-tip:after { 内容:“\E006”等... }

Internet Explorer Web 检查器:Web 检查器显示以下信息。为什么这两个类似乎都被禁用了，但是当我取消选中“.panel:after”时，另一种样式就起作用了，而且它起作用了。有任何想法吗？谢谢!

Answer 1

我发现这是因为我在我的 .panel:after 声明中有这条规则 — font-size: 0px，并且它没有被覆盖通过 .panel.sales-tip:after 声明中的新 font-size: 2.2em 规则。

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

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