46 lines
2.7 KiB
Markdown
46 lines
2.7 KiB
Markdown
# CSS без IE6(7)
|
||
|
||
CSS-возможности, которыми мы можем пользоваться, если НЕ поддерживаем IE6.
|
||
[cut]
|
||
<dl>
|
||
<dt>Селекторы атрибутов:</dt>
|
||
<dd>
|
||
<ul>
|
||
<li>`[attr]` -- атрибут установлен,</li>
|
||
<li>`[attr="val"]` -- атрибут равен `val`,</li>
|
||
<li>`[attr^="val"]` -- атрибут начинается с `val`, например `"value"`.</li>
|
||
<li>`[attr*="val"]` -- атрибут содержит `val`, например равен `"myvalue"`.</li>
|
||
<li>`[attr$="val"]` -- атрибут заканчивается на `val`, например равен `"myval"`.</li>
|
||
<li>`[attr~="val"]` -- атрибут содержит `val` как одно из значений через пробел, например: `[data-actions~="edit"]` верно для значения `data-actions="edit delete"`.</li>
|
||
<li>`[attr|="val"]` -- атрибут равен `val` *или* начинается с `val-`, например равен `"val-1"`.</li>
|
||
</ul>
|
||
|
||
</dd>
|
||
<dt>Селекторы элементов:</dt>
|
||
<dd>
|
||
|
||
|
||
<ul>
|
||
<li>`ul > li` -- непосредственный потомок,</li>
|
||
<li>`.prev + .me` -- выбирает `.me`, которые стоят сразу после `.prev`, т.е. "правый брат".</li>
|
||
<li>`.prev ~ .me` -- выбирает `.me`, которые стоят после `.prev`, но не обязательно сразу после, между ними могут быть другие элементы,</li>
|
||
<li>`.a.b` -- несколько классов одновременно,</li>
|
||
<li>`:hover` -- курсор над элементом (в IE6 работает только с `A`),
|
||
<li>`:first-child` -- первый потомок в своём родителе.</li>
|
||
</ul>
|
||
|
||
Внимание, IE7 не пересчитывает стили при изменении окружающих элементов для селекторов `.prev + .me`, `.prev` и `:first-child`. Иными словами, не обновляет стиль при добавлении/удалении соседей через JavaScript.
|
||
</dd>
|
||
<dt>Свойства: </dt>
|
||
<dd>
|
||
<ul>
|
||
<li>`min-width/min-height` -- минимальная ширина/высота</li>
|
||
<li>`max-width/max-height` -- максимальная ширина/высота</li>
|
||
<li>`position: fixed`</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
|
||
Здесь перечислены в основном возможности. Разумеется, была поправлена и масса багов.
|
||
|
||
При отказе от поддержки IE7, и, тем более, IE8, список ещё шире и включает в себя почти весь CSS 2.1.
|