Html 仅在IE中重写CSS属性

因此，我一直在开发一个网站，其中导航栏有以下CSS：

.boxshadow div#top_nav li+li::before, .no-boxshadow div#top_nav li+li::before{
    content:url('media/images/link.gif');
}

它应该为导航栏中的列表项创建链接分隔符，方法是在除第一个链接之外的所有链接之前插入特定的图像。

.boxshadow

和

.boxshadow

类都不是由于Modernizer而产生的

问题是，它在IE中被重写。当我打开开发工具时，它似乎被划掉了，所以我知道它被重写了，但我不知道为什么。在Chrome和Firefox中，这个属性可以工作，但只有在IE中我才有这个问题

你知道为什么会这样吗？如果有必要，我很乐意发布更多的CSS。感谢所有的帮助

这里有一个指向JSFIDLE的链接：

---

编辑2：抱歉，伙计们，但它似乎通过JSFIDLE在IE中工作。然而，它并没有在我的计算机上本地显示，我也不知道为什么…我试着在导航栏前发布更多相关的CSS，看看是否有这些规则导致了覆盖，但似乎也不是这样

我真是个白痴。事实证明，它在现场运行得很好，但在本地无法渲染。我不知道为什么它会这样做，而不是Chrome和Firefox（它在这些浏览器上的本地渲染效果很好），但对于IE来说，它只能在现场工作。奇怪的是，在IE9开发工具中，无论是离线还是在线，它都被划掉了。我为我可能造成的不便表示歉意，并感谢所有在此事中提供帮助的人。谢谢

你能发布一个JSFIDLE吗？哪个IE？它们是非常不同的动物。指出你所谈论的IE的版本是很重要的。对此我很抱歉；问题出在IE9中，当我在开发人员工具中模拟IE8和IE7时，它也会复制。我现在不在电脑旁，一会儿就发一把小提琴。非常感谢大家。如果您将其设置为相同的样式，则不需要使用

boxshadow

/

no-boxshadow

位；只要把它放在

#top_nav li+li:：before

上，你就可以使用与以前几乎相同的选择器，但键入的内容要少得多。