https://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html
Краткая таблица CSS-фильтров.
|
| Filter
| CSS Level
| Mozilla
| Internet Explorer for Windows
| Opera
| Safari
|
| 1.8+
|
|
| 5.5
| 9.0-9.21
| Web Kit
| 2.02-2.04
|
| entire style sheets
| @import url(styles.css) all;
|
| Y
| N
| N
| N
| Y
| Y
| Y
|
| @import url(styles.css) All;
|
| Y
| N
| N
| N
| Y
| Y
| Y
|
| @import " style.css" /**/;
|
| Y
| Y
| Y
| N
| Y
| Y
| Y
|
| @import url(/**/" style.css");
|
| Y
| N
| Y
| N
| N
| N
| N
|
| <! ----> stylesheet
|
| Y
| N
| N
| N
| Y
| Y
| Y
|
| single rules
| .fake.classname selector
|
| N
| N
| Y
| Y
| N
| N
| N
|
| selector[attribute]
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| selector[attribute =value]
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| selector[attribute$=" ending" ]
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| selector: lang(languageCode)
|
| Y
| N
| N
| N
| Y
| Y
| N
|
| [attribute|=" hyphenated-value" ]
|
| Y
| Y
| N
| N
| N
| Y
| Y
|
| selector, [dummy]
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| selector, [dummy=" dummy" ]
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| s\65 lector
|
| Y
| Y
| Y
| N
| Y
| Y
| Y
|
| se\lector
|
| Y
| Y
| Y
| N
| Y
| Y
| Y
|
| *> div selector
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| * html selector
|
| N
| N
| Y
| Y
| N
| N
| N
|
| html> body selector
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| html> /**/body selector
|
| Y
| N
| N
| N
| Y
| Y
| Y
|
| *+html selector
|
| N
| Y
| N
| N
| N
| N
| N
|
| *: first-child+html selector
|
| N
| Y
| N
| N
| N
| N
| N
|
| selector: /* */first-child
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| html: first-child selector
|
| N
| N
| N
| N
| Y
| N
| Y
|
| head: first-child+body selector
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| head+body selector
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| head + /* */ body selector
|
| Y
| N
| N
| N
| Y
| Y
| Y
|
| head ~ body selector
|
| Y
| Y
| N
| N
| Y
| Y
| N
|
| html: not(: only-child) selector
|
| Y
| N
| N
| N
| N
| N
| N
|
| html[lang*=" " ] selector
|
| N
| Y
| N
| N
| Y
| Y
| Y
|
| html: not([lang*=" " ]) selector
|
| Y
| N
| N
| N
| N
| N
| N
|
| html/* */: not([lang*=" " ]) selector
|
| Y
| N
| N
| N
| N
| N
| N
|
| html: /* */not([lang*=" " ]) selector
|
| Y
| N
| N
| N
| N
| N
| N
|
| html[xmlns] selector
|
| Y
| Y
| N
| N
| Y
| Y
| Y
|
| voice-family: " \" }\" "; voice-family: inherit; property: value;
|
| Y
| Y
| Y
| N
| Y
| Y
| Y
|
| single declarations
| property /**/: value;
|
| Y
| Y
| N
| Y
| Y
| Y
| Y
|
| property: /**/value;
|
| Y
| Y
| Y
| N
| Y
| Y
| Y
|
| p\roperty: value;
|
| Y
| Y
| Y
| N
| Y
| Y
| Y
|
| <! --[if IE]> markup <! [endif]-->
|
| N
| Y
| Y
| Y
| N
| N
| N
|
| XHTML based
| < style … > <! ----> stylesheet< /style>
|
| Y
| N
| N
| N
| Y
| Y
| Y
|
| < link media=" screen and all" … />
|
| Y
| N
| N
| N
| Y
| Y
| N
|
| < style media=" screen and all" … />
|
| Y
| N
| N
| N
| Y
| Y
| N
|
| < link type=" text/nonsense" … />
|
| N
| N
| N
| N
| Y
| Y
| Y
|
| < style type=" text/nonsense" … >
|
| N
| N
| N
| N
| Y
| N
| N
|
| < link type=" text/css; charset=charset" … />
|
| Y
| N
| N
| N
| Y
| Y
| Y
|
| < link rel=" extra-keyword stylesheet" … />
|
| Y
| N
| N
| N
| Y
| Y
| Y
|
| < link title=" should load" … /> < link title=" shouldn't load" … />
|
| N
| Y
| Y
| Y
| N
| N
| N
|
| < link/style title=" should load" … > < style title=" probably shouldn't load" … />
|
| N
| Y
| Y
| Y
| Y
| N
| N
|
[1] В IE6 есть проблема: родитель по-умолчанию не принимает значение высоты от дочерних элементов, если они имеют свойство float не равное none.
[2] В IE6 есть проблема: при указании свойства float в состояние left либо right соответствующий margin (margin-left либо margin-right соответственно) удваивается.