CSS без IE6

CSS-возможности, которыми мы можем пользоваться, если НЕ поддерживаем IE6.

Селекторы атрибутов:

• [attr] — атрибут установлен,
• [attr="val"] — атрибут равен val,
• [attr^="val"] — атрибут начинается с val, например "value".
• [attr*="val"] — атрибут содержит val, например равен "myvalue".
• [attr$="val"] — атрибут заканчивается на val, например равен "myval".
• [attr~="val"] — атрибут содержит val как одно из значений через пробел, например: [data-actions~="edit"] верно для значения data-actions="edit delete".
• [attr|="val"] — атрибут равен val или начинается с val-, например равен "val-1".

Селекторы элементов:

• ul > li — непосредственный потомок,
• .prev + .me — выбирает .me, которые стоят сразу после .prev, т.е. «правый брат».
• .prev ~ .me — выбирает .me, которые стоят после .prev, но не обязательно сразу после, между ними могут быть другие элементы,
• .a.b — несколько классов одновременно,
• :hover — курсор над элементом (в IE6 работает только с A),
• :first-child — первый потомок в своём родителе.

Внимание, IE7 не пересчитывает стили при изменении окружающих элементов для селекторов .prev + .me, .prev и :first-child. Иными словами, не обновляет стиль при добавлении/удалении соседей через JavaScript.

Свойства:

• min-width/min-height — минимальная ширина/высота
• max-width/max-height — максимальная ширина/высота
• position: fixed

Здесь перечислены в основном возможности. Разумеется, была поправлена и масса багов.

При отказе от поддержки IE7, и, тем более, IE8, список ещё шире и включает в себя почти весь CSS 2.1.