init

03-more/11-css-for-js/16-css-no-ie6/article.md

@@ -0,0 +1,46 @@
+# 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.