IE7是否支持内容伪类？

Question

我正在使用伪类在我的列表中生成管道，它工作得很好，除了它们不会在IE7中呈现。代码看起来像这样：

.brandLinks a:after {
margin: 0 4px;
content: "|";
}

.brandLinks a:last-child:after {
content: " "
}

这只是IE7不能做的事情，还是我的代码不可靠？

Answer 1

不，IE7不支持这个。

有关详细比较，请参阅http://www.quirksmode.org/css/content.html和http://www.quirksmode.org/css/beforeafter_content.html。

此外，一个值得考虑的有趣的意见;-)

我觉得我们根本不应该使用内容声明。它向页面中添加内容，而CSS用于向页面中添加演示文稿，而不是内容。因此，我觉得如果你想动态生成内容，你应该使用JavaScript。CSS不是适合这项工作的工具。

Answer 2

这在IE7上有效。

.brandLinks a {zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before" );}

.brandLinks a .ie-before {zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '|');}

​

Answer 3

CSS可能只用于表示，但在需要清除浮动的情况下，它非常有用，太糟糕了，著名的“clearfix”在旧浏览器中不能正常工作。也许它可以用一种不同的方法来实现，而不仅仅是内容操作……你可以在googlecode上找到一些javascripts，它们使旧的ie支持许多以前没有的选择器，但对伪类不确定……可能会很有用

http://code.google.com/p/ie7-js/