為什么我的：after覆蓋類在IE10和IE9中不起作用？

Question

我有一個要擴展的類，並帶有另一個類名（包含更具體的更改）。 出於某種原因，原始規則並未在IE9和IE10中被覆蓋，但在包括IE8在內的所有其他瀏覽器中都可以使用！ 包含替代類（樣式）的樣式表也將在原始類所在的樣式表之后引用。

原始類為： .panel:after { content: "" , etc...}

新類為： .panel.sales-tip:after { content: "\\E006", etc... }

Internet Explorer Web檢查器： Web檢查器顯示以下信息。 為什么兩個類似乎都被禁用了，但是當我取消選中“ .panel：after”時，另一種樣式就可以了，並且可以實現。 有任何想法嗎？ 謝謝！

Answer 1

我發現這是因為我在.panel:after聲明中有此規則（ font-size: 0px ，並且未被font-size: 2.2em的新font-size: 2.2em規則.panel.sales-tip:after聲明.panel.sales-tip:after 。

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

我很高興解決了這個問題，但是有人知道為什么它不會被覆蓋嗎？ 只是好奇。 謝謝！