Does IE 7 support pseudo-class content?

Question

I generate pipes in my list using pseudo-classes, and it works fine, except that they do not appear in IE 7. The code looks like this:

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

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

Is this something IE 7 doesn't or is my code inconvenient?

Answer 1

No, IE7 does not support this.

See http://www.quirksmode.org/css/content.html and http://www.quirksmode.org/css/beforeafter_content.html for a detailed comparison.

In addition, an interesting opinion that should be taken into account :-)

, . , 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" . , , ... javascripts, google, , .. , , ...

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