Сестринский селектор

Автор: Евгений Рыжков Дата публикации: 16.09.2010

Notice: Trying to get property of non-object in /var/www/xiperM/xiper.net/wp-content/themes/firsttheme/single-collect.php on line 34

Проблема

IE6 не поддерживает селектор сестринских элементов «+». Т.е. он не поймет CSS правило вида:

li+li {
	border-left: 1px solid #000;
	padding-left: 10px;	
}

Решение

IE не в первый раз поможет оптимизированный experssion, который добавит нужным элементам дополнительный класс:

.li {
	border-left: 1px solid #000;
	padding-left: 10px;	
}
ul li {
  z-index: expression(
  runtimeStyle.zIndex = 1,
  previousSibling && previousSibling.tagName && "li" == previousSibling.tagName.toLowerCase() ? (className += " li") : 0);
}

Демо пример.

Материалы