css - IE8 CSS :not selector

Question

我的网站有一个包含 :not 选择器的外部 CSS 文件；

ul.dynatree-container a:not(.remove){
    color:black;
    text-decoration:none;
    vertical-align:top;
    margin:0;
    margin-left:3px;
    border:1px solid white
}

所以 .dynatree-container 中的链接是有样式的，除非它们有 class="remove"。

.dynatree-container 的内容是动态的并通过 AJAX 加载。

这工作正常，除了在 IE8 中整个选择器被忽略。

是否有解决方法/polyfilla？

我已经尝试过 Selectivizr，但这要求 DOM 元素不要改变。

我已经在使用 jQuery 1.9.1，所以基于它的解决方案是有效的。

Answer 1

无需使用 javascript，您可以简单地为所有链接定义这些属性

ul.dynatree-container a {
    color:black;
    text-decoration:none;
    vertical-align:top;
    margin:0;
    margin-left:3px;
    border:1px solid white
}

然后用

还原它们

ul.dynatree-container a.remove {
    ...
}

有点冗长，但它也适用于 IE8