Xiper

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

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

Проблема

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);
}

Демо пример.

Материалы