Html 为什么我的：after override类在IE10&；中不起作用；IE9？

我有一个用另一个类名（包含更具体的更改）扩展的类。出于某种原因，IE9和IE10中没有覆盖原始规则，但它在包括IE8在内的所有其他浏览器中都有效！？包含重写类（样式）的样式表也会在原始类所在的样式表后面引用

最初的类别是：

.panel:在{content:，etc.}之后

新类别为：

.panel.sales tip:在{content:“\E006”等之后}

Internet Explorer Web检查器： web检查器显示以下信息。为什么这两个类看起来都被禁用了，但当我取消选中“.panel:after”时，另一个样式就可以工作了，并且可以正常工作了。有什么想法吗？谢谢

---

我发现这是因为我在

声明之后的
面板中有一条规则-
字体大小：0px
，并且它没有被
面板中新的
字体大小：2.2em
规则覆盖。销售提示：声明之后

我在
面板中使用了固定大小的
字体大小：35px
。销售提示：声明后

我很高兴解决了这个问题，但是有人知道为什么它不能覆盖吗？只是好奇。谢谢
 我发现这是因为我在
.panel:after
声明中有这个规则-
font-size:0px
，并且它没有被
面板中新的
font-size:2.2em
规则覆盖。销售提示：after
声明

我在
面板中使用了固定大小的
字体大小：35px
。销售提示：声明后

我很高兴解决了这个问题，但是有人知道为什么它不能覆盖吗？只是好奇。谢谢
 正如您所知，
内容之间存在差异：”和
内容：无IE 9和10是否进入IE 7文档模式？您可以通过打开开发人员工具进行检查。下面的屏幕截图显示了文档模式的指示位置：。如果浏览器进入IE7模式，那么
：：before
和
：：after
规则将不起作用。@PaulD.Waite，我只是反复检查，即使在“文档：IE10”和“文档模式：标准”以及“文档模式：IE9”和“文档模式：IE9标准”中，它也在做同样的事情。奇怪的是，在IE8文档模式和IE8标准中，一切正常。@leetou:gotcha。这很奇怪-我只能想象你有一些其他的规则，其中有
：：before
或
：：after
覆盖了你包含的规则，并且它使用了IE 8不支持的CSS选择器（或者在媒体查询中-IE 8也不支持这些）。虽然我假设开发人员工具没有指明这样的规则，但正如您所知，
content:”和
内容：无IE 9和10是否进入IE 7文档模式？您可以通过打开开发人员工具进行检查。下面的屏幕截图显示了文档模式的指示位置：。如果浏览器进入IE7模式，那么
：：before
和
：：after
规则将不起作用。@PaulD.Waite，我只是反复检查，即使在“文档：IE10”和“文档模式：标准”以及“文档模式：IE9”和“文档模式：IE9标准”中，它也在做同样的事情。奇怪的是，在IE8文档模式和IE8标准中，一切正常。@leetou:gotcha。这很奇怪-我只能想象你有一些其他的规则，其中有
：：before
或
：：after
覆盖了你包含的规则，并且它使用了IE 8不支持的CSS选择器（或者在媒体查询中-IE 8也不支持这些）。虽然我假设开发人员工具没有指明这样的规则，但是，啊哈，做得很好。这很奇怪。我猜这是一个IE9/10错误。我不太清楚为什么在第一堂课上你需要一个
字体大小：0px
。@PaulD.Waite，是的，回头看，我也不确定为什么我要这么做：S…因为那个伪元素只是用来创建CSS三角形的。啊哈，做得很好。这很奇怪。我猜这是一个IE9/10错误。我不太清楚为什么在第一堂课上你需要一个
字体大小：0px
。@PaulD.Waite，是的，回头看，我也不确定为什么我要这样做：S…因为伪元素只是用来创建CSS三角形的。