CSS без IE6(7)

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

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

`[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.

2.7 KiB Raw Blame History Unescape Escape

CSS без IE6(7)

2.7 KiB

Raw Blame History