Полезности в css

Условные комментарии

<!--[if IE]> ... <![endif]-->       - код для всех IE
<!--[if IE 6]> ... <![endif]-->     - код для IE6
<!--[if IE lt 7]> ... <![endif]-->  - код для IE6
<!--[if IE lte 7]> ... <![endif]--> - код для IE6 и IE7
<!--[if IE gt 6]> ... <![endif]-->  - код для IE старшей 6-й версии
<!--[if IE gte 6]> ... <![endif]--> - код для IE 6-й версии и выше
<!--[if !IE]--> ... <!--[endif]-->  - код для не IE браузеров

Условные комментарии на стероидах

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]><html class="if-ie if-ie6 if-lt-ie9 if-lt-ie8 if-lt-ie7"><![endif]-->
<!--[if IE 7]><html class="if-ie if-ie7 if-lt-ie9 if-lt-ie8"><![endif]-->
<!--[if IE 8]><html class="if-ie if-ie8 if-lt-ie9"><![endif]-->
<!--[if IE 9]><html class="if-ie if-ie9"><![endif]-->
<!--[if gt IE 9]><!--><html><!--<![endif]-->

Селекторы

IE7+

A + B
соседний селектор (стили для B, который расположен непосредственно после A)
A ~ B
родственный селектор (стили для B, которые расположены после A)
A > B
дочерний селектор (стили для B, которые расположены непосредственно в A)
[attr]
селектор аттрибута (стили для элемента, у которого есть аттрибут attr)
[attr="value"]
селектор аттрибута (<a attr="value">)
[attr^="val"]
селектор аттрибута (<a attr="value">)
[attr$="lue"]
селектор аттрибута (<a attr="value">)
[attr*="alu"]
селектор аттрибута (<a attr="value">)
[attr~="val2"]
селектор аттрибута (<a attr="val1 val2 val3">)
[attr|="key"]
селектор аттрибута (<a attr="key-val">)

Псевдоэлементы

IE8+

:before
псевдоэлемент в начале
:after
псевдоэлемент в конце

Псевдоклассы

IE9+

:root
корневой элемент
:checked
включенные чекбоксы и радиокнопки
:target
элемент, id которого соответствуют хешу урла (например, :target = <div id="test"></div> при открытии страницы http://example.org/#test)
:not
элементы которые не соответствуют указанному селектору (div:not(.red))