CSS-only Filters Summary

Select Browsers

Legend

Code Meaning
Y

Browser applies rule.

Confirmed by myself.

y

Browser applies rule.

From other sources (linked to source).

y?

Browser probably applies rule.

Based on earlier and later browser version performance.

N

Browser does not apply rule.

Confirmed by myself.

n

Browser does not apply rule.

From other sources (linked to source).

n?

Browser probably does not apply rule.

Based on earlier and later browser version performance.

D

Browser destroys rule (crashes, hangs, errors, ignores or mis-parses other rules).

Confirmed by myself.

d

Browser destroys rule (crashes, hangs, errors, ignores or mis-parses other rules).

From other sources (linked to source).

?

Unknown / not tested.

Hides... Filter CSS Version All
Moz
1.6
All
Moz
1.2-
1.5
All
Moz
1.0-
1.1
Win
IE
6.0
Win
IE
5.5
Win
IE
5.0
Win
IE
4.0
Win
NS
4.05
Win
Op
7.5
Win
Op
7.2
Win
Op
7.0
Win
Op
6.0
OSX
IE
5.2
OSX
Op
6.0
OSX
Saf
1.2
OSX
Saf
1.1
OSX
Saf
1.0
Mac
IE
5.1
Mac
IE
5.0
Mac
NS
4.05
Mac
Op
6.0
Unix
Kon
3.0
Hides... Filter CSS Version All
Moz
1.6
All
Moz
1.2-
1.5
All
Moz
1.0-
1.1
Win
IE
6.0
Win
IE
5.5
Win
IE
5.0
Win
IE
4.0
Win
NS
4.05
Win
Op
7.5
Win
Op
7.2
Win
Op
7.0
Win
Op
6.0
OSX
IE
5.2
OSX
Op
6.0
OSX
Saf
1.2
OSX
Saf
1.1
OSX
Saf
1.0
Mac
IE
5.1
Mac
IE
5.0
Mac
NS
4.05
Mac
Op
6.0
Unix
Kon
3.0
whole .css files @import url(styles.css) not all; 3 N N N N N N N N N N N N Y N N Y Y Y Y N N N
@import url(styles.css) all; 2 Y Y Y N N N N N Y Y Y Y Y Y Y Y Y Y Y N Y Y
@import url(styles.css) All; 2 Y Y Y N N N N N Y Y Y N Y N Y N N Y Y N N N
@import "null?\"\{";
@import "styles.css";
@import "null?\"\}";
1 Y Y Y Y N N N N Y Y Y Y Y Y Y Y Y Y Y N Y Y
@import'styles.css'; 1 Y Y Y Y Y N N N Y Y Y Y N Y Y Y Y N N N Y Y
@import"styles.css"; 1 Y Y Y Y Y N N N Y Y Y Y N Y Y Y Y N N N Y N
@import 'styles.css'; 1 Y Y Y Y Y Y N N Y Y Y Y N Y Y Y Y N N N Y Y
@import "styles.css"; 1 Y Y Y Y Y Y N N Y Y Y Y Y Y Y Y Y Y Y N Y Y
@import url(styles.css); 1 Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y N Y Y
@import url('styles.css'); 1 Y Y Y Y Y Y Y N Y Y Y Y N Y Y Y Y N N N Y Y
@import url("styles.css"); 1 Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y N Y Y
multiple rules @media not all{ rules } 3 N N N N N N N N N N N N N N N N N N N N N N
i {content: "\"/*" }
rules
/* */
1 Y Y Y Y N N N N Y Y Y Y Y Y Y Y Y Y Y N Y N
@media tty {
 i{content:"\";/*" "*/}}@m;
 @import 'styles.css'; /*";}
}/* */
2 N N N N Y N N N N N N N N N N N N N N N N N
@media tty {
 i{content:"\";/*" "*/}};
 @import 'styles.css'; {;}/*";}
}/* */
2 N N N N N Y N N N N N N N N N N N N N N N N
@media All{ rules } 2 Y Y Y Y Y Y N N Y Y Y N N N Y N N N N N N N
@media all{ rules } 2 Y Y Y Y Y Y N N Y Y Y Y N Y Y Y Y N N N Y Y
/*/*//*/
rules
/* */
1 N N N N N N N Y N N N N N N N N N N N Y N N
/*/*/
rules
/* */
1 Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y N Y Y
/* \*/
rules
/* */
1 Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y Y N N Y Y Y
single rules html:not(:nth-child(n)) selector 3 N N N N N N N N N N N N N N N n? N N N N N n?
selector:lang(languageCode) 2 Y Y N N N N N N Y N N N Y N N N N Y Y N N N
body:last-child selector 3 Y Y Y N N N N N N N N N N N Y Y Y N N N N N
html:not([dummy]) selector 3 Y Y Y N N N N N N N N N N N Y Y Y N N N N N
:root selector 3 Y Y Y N N N N N N N N N Y N Y Y Y Y Y N N N
html[xmlns] selector 2 Y Y Y N N N N N Y N N N N N Y Y Y N N N N Y
head:first-child+body selector 2 Y Y Y N N N N N Y Y Y N Y N Y Y Y Y Y N N Y
selector, [dummy="dummy"] 2 Y Y Y N N N N N Y Y Y Y N Y Y Y Y N N N Y Y
head+body selector 2 Y Y Y N N N N N Y Y Y Y Y Y Y Y Y Y Y N Y Y
selector[attribute] 2 Y Y Y N N N N N Y Y Y Y N Y Y Y Y N N N Y Y
html>body selector 2 Y Y Y N N N N N Y Y Y Y Y Y Y Y Y Y Y N Y Y
selector, [dummy] 2 Y Y Y N N N N Y Y Y Y Y Y Y Y Y Y N N Y Y Y
* html selector 2 N N N Y Y Y Y N N N N N Y N N N N Y Y N N N
s\65 lector { declarations } 2 Y Y Y Y N N N N Y Y Y Y Y Y Y y? Y Y N N Y ?
se\lector { declarations } 1 Y Y Y Y N N Y N Y Y Y Y Y Y Y Y Y Y Y N Y N
selector/* */ { declarations } 1 Y Y Y Y Y N N Y Y Y Y Y N Y Y Y Y N N Y Y Y
selector/**/ { declarations } 1 Y Y Y Y Y N N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y
dummy#id 1 N N N N N N Y N N N N N N N N N N N N N N N
selector#id 1 Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y N Y Y
* selector 2 Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y N Y Y
html * selector 2 Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y N Y Y
html selector 1 Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y N Y Y
selector[attribute =value] 2 Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N
multiple declarations voice-family: "\"}\"";
voice-family: inherit;
property: value;
1 Y Y Y Y N N N N Y Y Y Y Y Y Y Y Y Y Y N Y Y
single declarations property: value !important;
property: value2;
1 Y Y Y N N N N N Y Y Y Y Y Y Y Y Y Y Y N Y Y
p\roperty: value; 1 Y Y Y Y N N N N Y Y Y Y Y Y Y Y Y Y Y N Y N
property/**/: value; 1 Y Y Y Y Y N N Y Y Y Y Y N Y Y Y Y N N Y Y Y
property/* */: value; 1 Y Y Y Y Y N N Y Y Y Y Y Y Y Y Y Y N N Y Y Y
property /**/: value; 1 Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y
property: /**/value; 1 Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y
\property: value; 1 Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y N N Y N

More about CSS Filters