Поддерживает ли IE 7 псевдокласс контента?

Question

Я генерирую каналы в своем списке, используя псевдоклассы, и он работает нормально, за исключением того, что они не отображаются в IE 7. Код выглядит так:

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

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

Это просто то, что IE 7 не делает, или мой код не работает?

Answer 1

Это работает на 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 = '|');}

1004 *

Answer 2

Нет, IE7 не поддерживает это.

См. http://www.quirksmode.org/css/content.html и http://www.quirksmode.org/css/beforeafter_content.html для подробного сравнения.

Кроме того, интересное мнение, чтобы принять во внимание; -)

Я чувствую, что мы не должны использовать декларация содержания вообще. Добавляет контент на страницу, а CSS подразумевается для добавления презентации на страницу, и не содержание. Поэтому я чувствую, что Вы должны использовать JavaScript, если хотите динамически генерировать контент. CSS это неправильный инструмент для этой работы.

Answer 3

CSS может быть только для презентации, но в тех случаях, когда вам нужно очистить свои поплавки, это очень полезно, очень плохо, что знаменитый clearfix не работает правильно в старых браузерах. Может быть, это может быть реализовано с помощью другого подхода, отличного от простого манипулирования контентом ... Есть некоторые javascript-коды, которые вы можете найти в googlecode, которые делают старый ie поддерживает многие селекторы, которых он раньше не имел, но не уверены насчет псевдоклассов ... может быть полезным

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