CSS-hack史上最全版

-:Internet Explorer CSS :-

SpecialPurpose

_::selection, :root.selector { property:value; }

Anything But Firefox andInternet Explorer 8-

Author:Jeff Clayton

_::selection,.selector { property:value; }

Anything But Firefox andInternet Explorer 8

Author:Jeff Clayton

:root .selector{ property:value; }

Anything But InternetExplorer 8-

Source:Standard CSS3

_:root,.selector { property:value; }

Anything But InternetExplorer 8 (or ie6-)

Author:Jeff Clayton

.selector, #not#ie8{ property:value; }

Anything But InternetExplorer 8

Source:BigList of CSS Hacks

_:lang(x),.selector { property:value; }

Anything But InternetExplorer 7-

Author:Jeff Clayton

_css-text,.selector { property:value; }

Anything But InternetExplorer 6-

Author:Jeff Clayton

.selector { prop\erty:value;}

Anything but InternetExplorer 5-

Source:BigList of CSS Hacks

ByVersion

_:-ms-fullscreen, :root.selector { property:value; }

Internet Explorer 11+

Author:Jeff Clayton

_:-ms-lang(x),.selector { property:value; }

Internet Explorer 10+

Author:Jeff Clayton

_:-ms-input-placeholder,:root .selector { property:value; }

Internet Explorer 10+

Author:Jeff Clayton

_:-ms-lang(x),.selector { property:value\9; }

Internet Explorer 10

Author:Jeff Clayton

_::selection,.selector { property:value\0; }

Internet Explorer 9+

Author:Jeff Clayton

@media screenand (min-width:0\0) and (min-resolution:+72dpi) { .selector { property:value; }}

Internet Explorer 9+

Author:Jeff Clayton

@media screenand (min-width:0\0) and (min-resolution:.001dpcm) { .selector { property:value;} }

Internet Explorer 9

Author:Jeff Clayton

.selector {property:value\0; }

Internet Explorer 8+

Source:BigList of CSS Hacks

.selector {property:value\0/; }

Internet Explorer 8

Source:Paul Irish

_:first,.selector { property:value; }

Internet Explorer 7

Author:Jeff Clayton

*+html.selector { property:value; }

Internet Explorer 7

Source:Paul Irish

.selector, {property:value; }

Internet Explorer 7-

Source:CSS Mojo

.selector {_property:value\9; }

Internet Explorer 6

Source:(Simple Combination)

.selector {_prop\erty:value; }

Internet Explorer 6

Source:(Simple Combination)

* html.selector { property:value; }

Internet Explorer 6-

Source:Web Devout

.selector {_property:value; }

Internet Explorer 6-

Source:Paul Irish

-:Firefox CSS :-

SpecialPurpose

_::selection, :root.selector { property:value; }

Anything But Firefox andInternet Explorer 8-

Author:Jeff Clayton

_::selection,.selector { property:value; }

Anything But Firefox andInternet Explorer 8

Author:Jeff Clayton

_:-moz-tree-row(hover),.selector { property:value; }

Firefox (any)

Author:Jeff Clayton

_:-moz-any-link,:root .selector { property:value; }

Firefox (any)

Author:Jeff Clayton

@supports(-moz-appearance:none) { .selector { --this-variable:value;property:var(--this-variable); } }

Firefox 31+ (CSS3 VariableMethod)

Author:Jeff Clayton

@-moz-documentregexp('http:.*') { .selector { property:value; } }

Firefox 6+ (Non-SSL PagesOnly)

Author:Jeff Clayton

@-moz-documentregexp('https:.*') { .selector { property:value; } }

Firefox 6+ (SSL PagesOnly)

Author:Jeff Clayton

@supports(-moz-osx-font-smoothing:auto) { .selector { property:value; } }

Firefox 25+ (Mac Only)

Author:Jeff Clayton

@media screenand (-moz-os-version) { .selector { property:value; } }

Firefox 25+ (Windows Only)

Author:Jeff Clayton

@media(-moz-windows-theme) { .selector { property:value; } }

Firefox 4+ (Windows Only)

Author:Jeff Clayton

ByVersion

@supports(-moz-appearance:none) and (will-change:auto) { .selector { property:value; } }

Firefox 36+

Author:Jeff Clayton

@supports(-moz-appearance:none) and (mask-type:alpha) { .selector { property:value; } }

Firefox 35+

Author:Jeff Clayton

@supports(-moz-appearance:none) and (mask-type:alpha) and (not (will-change:auto)) {.selector { property:value; } }

Firefox 35

Author:Jeff Clayton

@supports (-moz-appearance:none)and (font-kerning:none) { .selector { property:value; } }

Firefox 34+

Author:Jeff Clayton

@supports(-moz-appearance:none) and (font-kerning:none) and (not (mask-type:alpha)) {.selector { property:value; } }

Firefox 34

Author:Jeff Clayton

@supports(-moz-appearance:none) and (list-style-type:disclosure-open) { .selector {property:value; } }

Firefox 33+

Author:Jeff Clayton

@supports(-moz-appearance:none) and (list-style-type:disclosure-open) and (not(font-kerning:none)) { .selector { property:value; } }

Firefox 33

Author:Jeff Clayton

@supports(-moz-appearance:none) and (box-decoration-break:clone) { .selector {property:value; } }

Firefox 32+

Author:Jeff Clayton

_:-moz-tree-row(hover),_:scope, .selector { property:value; }

Firefox 32+

Author:Jeff Clayton

@supports(-moz-appearance:none) and (box-decoration-break:clone) and (not (list-style-type:disclosure-open)){ .selector { property:value; } }

Firefox 32

Author:Jeff Clayton

@supports(-moz-appearance:none) and (background-blend-mode:difference,normal) {.selector { property:value; } _::-moz-math-stretchy, .selector {property:value; } }

Firefox 31+

Author:Jeff Clayton

_:-moz-tree-row(hover),.selector { --this-variable:value; property:var(--this-variable); }

Firefox 31+ (CSS3 VariableMethod)

Author:Jeff Clayton

@supports(-moz-background-inline-policy:continuous) and(background-blend-mode:difference,normal) { .selector { property:value; }_::-moz-math-stretchy, .selector { property:value; } }

Firefox 31

Author:Jeff Clayton

@supports(-moz-background-inline-policy:continuous) { .selector { --this-variable:value;property:var(--this-variable); } }

Firefox 31 (CSS3 VariableMethod)

Author:Jeff Clayton

@supports(-moz-background-inline-policy:continuous) and (background-blend-mode:difference,normal){ .selector { property:value; } }

Firefox 30-31

Author:Jeff Clayton

@supports(-moz-appearance:none) and (background-blend-mode:difference,normal) { .selector{ property:value; } }

Firefox 30+

Authors:Guillaume Simons

&Jeff Clayton

@supports (background-blend-mode:difference,normal){ _::-moz-math-stretchy, .selector { property:value; } }

Firefox 30

Author:Jeff Clayton

@supports(-moz-appearance:none) and (box-sizing:content-box) { .selector {property:value; } }

Firefox 29+

Author:Jeff Clayton

@supports(-moz-appearance:none) and (box-sizing:content-box) and (not(background-blend-mode:difference,normal)) { .selector { property:value; } }

Firefox 29

Author:Jeff Clayton

@supports(-moz-appearance:none) and (list-style-type:japanese-formal) { .selector {property:value; } }

Firefox 28+

Authors:Guillaume Simons

&Jeff Clayton

_:-moz-tree-row(hover),_::-moz-range-track:hover, .selector { property:value; }

Firefox 28+

Author:Jeff Clayton

@supports(-moz-appearance:none) and (list-style-type:japanese-formal) and (not(box-sizing:content-box)) { .selector { property:value; } }

Firefox 28

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-color-swatch, .selector { property:value; }

Firefox 27+

Author:Jeff Clayton

@supports (-moz-appearance:none)and (all:initial) { .selector { property:value; } }

Firefox 27+

Authors:Guillaume Simons

&Jeff Clayton

@supports(-moz-appearance:none) and (all:initial) and (not(list-style-type:japanese-formal)) { .selector { property:value; } }

Firefox 27

Authors:Guillaume Simons

&Jeff Clayton

@supports(-moz-appearance:none) and (image-orientation:90deg) { .selector {property:value; } }

Firefox 26+

Authors:Guillaume Simons

&Jeff Clayton

_:-moz-devtools-highlighted,:root .selector { property:value; }

Firefox 26+

Author:Jeff Clayton

@supports(-moz-appearance:none) and (image-orientation:90deg) and (not (all:initial)) {.selector { property:value; } }

Firefox 26

Authors:Guillaume Simons

&Jeff Clayton

@supports(-moz-appearance:none) and (background-attachment:local) { .selector {property:value; } }

Firefox 25+

Authors:Guillaume Simons

&Jeff Clayton

@supports(background-attachment:local) and (-moz-text-blink:none) { .selector {property:value; } }

Firefox 25

Author:Jeff Clayton

@supports(-moz-appearance:none) and (cursor:zoom-in) { .selector { property:value; } }

Firefox 24+

Authors:Guillaume Simons

&Jeff Clayton

@supports(-moz-appearance:none) and (cursor:zoom-in) and (not(background-attachment:local)) { .selector { property:value; } }

Firefox 24

Authors:Guillaume Simons

&Jeff Clayton

@supports(-moz-appearance:none) and (not (cursor:zoom-in)) { .selector { property:value;} }

Firefox 22-23

Authors:Guillaume Simons

&Jeff Clayton

@supports(-moz-appearance:none) and (display:flex) { .selector { property:value; } }

Firefox 22+

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-range-progress, .selector { property:value; }

Firefox 22+

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-range-track, .selector { property:value; }

Firefox 21+

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-placeholder, .selector { property:value; }

Firefox 19+

Author:Jeff Clayton

_:-moz-handler-playpreview,:root .selector { property:value; }

Firefox 17+

Author:Jeff Clayton

_:-moz-dir(ltr),.selector { property:value; }

Firefox 17+

Author:Jeff Clayton

@media screenand (min--moz-device-pixel-ratio:0) and (min-resolution:.1dppx) { .selector {property:value; } }

Firefox 16+

Author:Jeff Clayton

_:-moz-meter-optimum,:root .selector { property:value; }

Firefox 16+

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-meter-bar, .selector { property:value; }

Firefox 16+

Author:Jeff Clayton

_:-moz-type-unsupported-platform,:root .selector { property:value; }

Firefox 15+

Author:Jeff Clayton

@media screenand (-moz-images-in-menus:0) { @media (min-width:0px) { .selector {property:value; } } }

Firefox 11+

Author:Jeff Clayton

_:-moz-full-screen-ancestor,:root .selector { property:value; }

Firefox 10+

Author:Jeff Clayton

_:-moz-full-screen,:root .selector { property:value; }

Firefox 9+

Author:Jeff Clayton

@media screenand (-moz-images-in-menus:0) and (min-resolution:.001dpcm) { .selector {property:value; } }

Firefox 8+

Author:Jeff Clayton

@-moz-documentregexp('*') { .selector { property:value; } }

Firefox 6+

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-progress-bar, .selector { property:value; }

Firefox 6+

Author:Jeff Clayton

_:-moz-ui-valid,:root .selector { property:value; }

Firefox 4+

Author:Jeff Clayton

_:-moz-handler-crashed,:root .selector { property:value; }

Firefox 3.6+

Author:Jeff Clayton

_:not(),_:-moz-handler-crashed, .selector { property:value; }

Firefox 3.6

Author:Jeff Clayton

_:not(),.selector { property:value; }

Firefox 3.6- (Firefox <4.0)

Author:Jeff Clayton

_:not(),_:-moz-handler-blocked, .selector { property:value; }

Firefox 3.5-3.6

Author:Jeff Clayton

_:not(),_:-moz-loading, .selector { property:value; }

Firefox 3-3.6 (Firefox3.x)

Author:Jeff Clayton

_:not(),_:optional, .selector { property:value; }

Firefox 1.5-3.6 (Firefox> 1.0 and < 4.0)

Author:Jeff Clayton

_:-moz-handler-blocked,:root .selector { property:value; }

Firefox 3.5+

Author:Jeff Clayton

_:-moz-loading,:root .selector { property:value; }

Firefox 3+

Author:Jeff Clayton

_:-moz-read-write,:root .selector { property:value; }

Firefox 1.5+/2+

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-viewport, .selector { property:value; }

Firefox 1.0 (only)

Author:Jeff Clayton

_:-moz-any-link,:root .selector { property:value; }

Firefox 1.0+ (any)

Author:Jeff Clayton

A FewOthers

@supports(-moz-appearance:none) and (image-orientation:90deg) { @supports not(all:initial) { .selector { property:value; } } }

Firefox 26 (nested method)

Author:Jeff Clayton

@supports(-moz-appearance:none) and (background-attachment:local) and (not(image-orientation:90deg)) { .selector { property:value; } }

Firefox 25

Authors:Guillaume Simons

&Jeff Clayton

@supports(display:flex) and (-moz-background-inline-policy:continuous) { .selector {property:value; } }

Firefox 22-31

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-math-stretchy, _::-moz-range-progress, .selector { property:value; }

Firefox 22-30

Author:Jeff Clayton

_:-moz-tree-row(hover),_::-moz-math-stretchy, _::-moz-range-track, .selector { property:value; }

Firefox 21-30

Author:Jeff Clayton

_::-moz-math-stretchy,_:-moz-ui-valid, :root .selector { property:value; }

Firefox 4-30

Author:Jeff Clayton

-:Chrome and Safari CSS :-

If you are using iOS Chrome (say in version7) and the hacks seem to be off, BEFORE you complain that these do not work,there is nothing wrong with the hacks -- it is not like other versions ofChrome. iOS Chrome uses the Safari hacks INSTEAD of the ones for Chrome. Chromefor iOS is NOT using the Chrome engine but opted to use the Safari engine fromApple instead. It may look like Chrome, but it isn't when you look under thehood. More about that here:http://allthingsd.com/20120628/googles-chrome-for-ios-is-more-like-a-chrome-plated-apple

SpecialPurpose

_:-webkit-full-screen,:root .selector { property:value; }

iOS Blocker! (For Chrome15+, Safari 5.1+, and Opera 14+) [If using Android, Requires OS & Browser4.0+]

Author:Jeff Clayton

.selector:not(*:root){ property:value; }

Chrome and Safari (andOpera 14+)

Source:Known Hack

_:not(*:root),.selector { property:value; }

Chrome and Safari (andOpera 14+) (Another Way)

Author:Jeff Clayton

_:-webkit-any-link,:root .selector { property:value; }

Chrome and Safari (and Opera14+)

Author:Jeff Clayton

@media screenand (-webkit-min-device-pixel-ratio:0) { .selector { property:value; } }

Chrome and Safari (andOpera 14+)

Source:Paul Irish

@media screenand (min-color-index:0) { _:-webkit-full-screen, .selector {(; property:value;);} }

Safari 6.1-7.0 (Not iOS)

Author:Jeff Clayton

_:-webkit-full-screen,_::-webkit-full-page-media, _:future, :root .selector { property:value; }

Safari 7.1-8.0 (7.1+, NotiOS)

Author:Jeff Clayton

@media screenand (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {_:-webkit-full-screen, .selector { property:value; } } }

Safari 6.1-8.0 (6.1+, NotiOS)

Author:Jeff Clayton

ByVersion

-Safari-Only CSS -

@media screen and(min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .selector{ property:value; } } }

Safari 6.1-8.0 (6.1+)

Author:Jeff Clayton

_::-webkit-full-page-media,_:future, :root .selector { property:value; }

Safari 7.1-8.0 (7.1+)

Author:Jeff Clayton

@media screenand (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) { .selector {(;property:value; );} }

Safari 6.1-7.0

Author:Jeff Clayton

-Chrome-Only CSS -

@supports (-webkit-appearance:none)and (color:unset) { .selector { property:value; } }

Chrome 41+

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (shape-outside:none) and (not (will-change:auto)){ .selector { property:value; } _::cue-region, .selector { property:value; } }

Chrome 40+ (and Opera 27+)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (shape-outside:none) and (not (will-change:auto))and (not (color:unset)) { .selector { property:value; } _::cue-region,.selector { property:value; } }

Chrome 40 (and Opera 27)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (shape-outside:none) and (not (will-change:auto))and (not (color:unset)) { .selector { property:value; } }

Chrome 39-40 (and Opera26-27)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (shape-outside:none) and (not (will-change:auto)){ .selector { property:value; } }

Chrome 39+ (and Opera 26+)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (shape-outside:none) and (not (will-change:auto)){ _::cue-region, .selector { property:value; } }

Chrome 39 (and Opera 26)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (shape-outside:none) and (will-change:auto) {.selector { property:value; } }

Chrome 37-38 (and Opera24-25)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (shape-outside:none) { .selector {property:value; } }

Chrome 37+ (and Opera 24+)

Author:Jeff Clayton

@supports (-webkit-appearance:none)and (touch-action:auto) { .selector { property:value; } }

Chrome 36+ (and Opera 23+)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (touch-action:auto) and (not(shape-outside:none)) { .selector { property:value; } }

Chrome 36 (and Opera 23)

Author:Jeff Clayton

_::content,_:future, .selector:not(*:root) { property:value; }

Chrome 35+ (and Opera 22+)

Author:Jeff Clayton

_:-webkit-any-link,_:host, :root .selector { property:value; }

Chrome 35+ (and Opera 22+)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (background-blend-mode:difference,normal) {.selector { property:value; } }

Chrome 35+ (and Opera 22+)

Authors:Guillaume Simons

&Jeff Clayton

@supports(-webkit-appearance:none) and (background-blend-mode:difference,normal) and(not (touch-action:auto)) { .selector { property:value; } }

Chrome 35

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (font-variant-ligatures:normal) { .selector {property:value; } }

Chrome 34+ (and Opera 21+)

Authors:Guillaume Simons

&Jeff Clayton

@supports(-webkit-appearance:none) and (font-variant-ligatures:normal) and (not(background-blend-mode:difference,normal)) { .selector { property:value; } }

Chrome 34 (and Opera 21)

Authors:Guillaume Simons

&Jeff Clayton

@supports(-webkit-appearance:none) and (font-kerning:auto) { .selector { property:value;} }

Chrome 33+ (and Opera 20+)

Authors:Guillaume Simons

&Jeff Clayton

@supports(-webkit-appearance:none) and (font-kerning:auto) and (not(font-variant-ligatures:normal)) { .selector { property:value; } }

Chrome 33 (and Opera 20)

Authors:Guillaume Simons

&Jeff Clayton

@supports(-webkit-appearance:none) and (object-fit:none) { .selector { property:value; }}

Chrome 32+ (and Opera 19+)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (object-fit:none) and (not (font-kerning:auto)) {.selector { property:value; } }

Chrome 32 (and Opera 19)

Authors:Guillaume Simons

&Jeff Clayton

@supports(-webkit-appearance:none) and (not (-webkit-marquee-repetition:infinite)) { .selector{ property:value; } }

Chrome 31+ (and Opera 18+)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (not (-webkit-marquee-repetition:infinite)) and(not (object-fit:none)) { .selector { property:value; } }

Chrome 31 (and Opera 18)

Author:Jeff Clayton

@media screenand (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {.selector { property:value; } @supports (-webkit-hyphens:auto) { .selector {property:value; } } }

Chrome 30+ (and Opera 17+)

Author:Jeff Clayton

@supports (-webkit-marquee-repetition:infinite)and (not (-webkit-hyphens:auto)) { .selector { property:value; } }

Chrome 30 (and Opera 17)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (justify-content:inherit) { .selector {property:value; } }

Chrome 29+ (and Opera 16+)

Author:Jeff Clayton

@media screenand (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { .selector{ property:value; } }

Chrome 29+ (and Opera 16+)

Author:Jeff Clayton

@supports(-webkit-hyphens:auto) and (justify-content:inherit) { .selector {property:value; } }

Chrome 29 (and Opera 16)

Author:Jeff Clayton

@supports(-webkit-appearance:none) { .selector { property:value; } }

Chrome 28+ (and Opera 14+)

Author:Jeff Clayton

@supports(overflow:-webkit-marquee) { .selector { property:value; } }

Chrome 28 (and Opera14-15)

Author:Jeff Clayton

@media screenand(-webkit-min-device-pixel-ratio:0) { .selector {-chrome-:only(;property:value; );} }

Chrome 22-28 (and Opera14-15)

Author:Jeff Clayton

A FewOthers

@supports (-webkit-font-smoothing:antialiased){ .selector { property:value; } }

Chrome 28+ (and Opera 14+)

Author:Jeff Clayton

@supports(-webkit-appearance:none) { _::cue-region, .selector { property:value; } }

Chrome 28-39 (and Opera14-26)

Author:Jeff Clayton

_:not(*:root),_:host, _::cue-region, .selector { property:value; }

Chrome 35-39 (and Opera22-26)

Author:Jeff Clayton

@supports(-webkit-appearance:none) and (object-fit:none) { _::cue-region, .selector {property:value; } }

Chrome 32-39 (and Opera19-26)

Author:Jeff Clayton

@supports(-webkit-font-smoothing:antialiased) and (not (object-fit:none)) { .selector {property:value; } }

Chrome 28-31 (and Opera14-18)

Author:Jeff Clayton

@supports(-webkit-marquee-repetition:infinite) and (justify-content:inherit) { .selector{ property:value; } }

Chrome 29-30 (and Opera16-17)

Author:Jeff Clayton

@supports(-webkit-marquee-repetition:infinite) { .selector { property:value; } }

Chrome 28-30 (and Opera14-17)

Author:Jeff Clayton

@media screenand (-webkit-min-device-pixel-ratio:0) and (orientation) { .selector {-chrome-:only(;property:value; );} }

Chrome 24-28 (and Opera14-15)

Author:Jeff Clayton

@media screenand(-webkit-min-device-pixel-ratio:0) { _:scope, _:future, .selector{-chrome-:only(; property:value; );} }

Chrome 27-28 (and Opera14-15)

Author:Jeff Clayton

@media screenand(-webkit-min-device-pixel-ratio:0) { _:future, .selector {-chrome-:only(;property:value; );} }

Chrome 26-28 (and Opera14-15)

Author:Jeff Clayton

@media screenand(min--moz-device-pixel-ratio:0) { .selector { property:value; } }

Chrome 22-25

Author:Jeff Clayton

@media screenand (orientation) { ::webkit, .selector { property:value; } }

Chrome 24

Author:Jeff Clayton

@media screenand(-webkit-min-device-pixel-ratio:0) { ::webkit, .selector { property:value; }}

Chrome 22-24

Author:Jeff Clayton

@media screenand(-webkit-min-device-pixel-ratio:0) { _::-moz-svg-foreign-content, _:scope,.selector { property:value; } }

Chrome 22-23

Author:Jeff Clayton

-Chrome & Safari Combined CSS -

_:scope, _:future ,.selector:not(*:root) { property:value; }

Chrome 27+, Safari 6.1+(and Opera 14+)

Author:Jeff Clayton

_:future ,.selector:not(*:root) { property:value; }

Chrome 26+, Safari 6.1+(and Opera 14+)

Author:Jeff Clayton

@media screenand (-webkit-min-device-pixel-ratio:0) and (orientation) { .selector {property:value; } }

Chrome 24+, Safari 6.1+(and Opera 14+)

Author:Jeff Clayton

@media screenand (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm), screenand(-webkit-min-device-pixel-ratio:0) { .selector { property:value; } }

Chrome 22+, Safari 6.1+(and Opera 14+)

Author:Jeff Clayton

@media screenand (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { .selector {property:value; } }

Chrome 22-25, Safari 6.1+

Author:Jeff Clayton

_::-moz-svg-foreign-content,_:scope, :root .selector { property:value; }

Safari 6.0, Chrome 19-23

Author:Jeff Clayton

@media screenand (min-width:-100px) and (-webkit-min-device-pixel-ratio:0) { .selector {property:value; } }

Safari 6.0-, Chrome 23-

Author:Jeff Clayton

_:-webkit-full-screen,:root .selector { property:value; }

Safari 5.1+, Chrome 15+(and Opera 14+), Android Browser 4+, Android OS 4.0+, [Not iOS!]

Author:Jeff Clayton

_:in-range,.selector:not(*:root) { property:value; }

Safari 5.1+, Chrome 10+(and Opera 14+)

Author:Jeff Clayton

_::-webkit-input-speech-button,:root .selector { property:value; }

Safari 5.1+, Chrome 7+(and Opera 14+)

Author:Jeff Clayton

_::-moz-svg-foreign-content,:root .selector { property:value; }

Safari 5.1-6.0, Chrome10-24

Author:Jeff Clayton

_::-webkit-inner-spin-button,:root .selector { property:value; }

Safari 5.0+, Chrome 5+(and Opera 14+)

Author:Jeff Clayton

body:nth-child(n0).selector { property:value; }

Safari 3.1-5.0, Chrome 9-(& old versions of Chrome 10 before 10.0.64)

Source:Derived from Old Hacks

_::-webkit-input-speech-button,body:nth-last-child(n0) .selector { property:value; }

Chrome 7-9 (& oldversions of Chrome 10 before 10.0.64)

Author:Jeff Clayton

@media not alland (min-resolution:.001dpcm) { _::-webkit-inner-spin-button, .selector {property:value; } }

Safari 5.0, Chrome 5

Author:Jeff Clayton

@media not alland (min-resolution:.001dpcm) { .selector { property:value; } }

Safari 5.0-, Chrome 5-

Author:Jeff Clayton

_:default,.selector:not(*:root) { property:value; }

Safari 4.1+, Chrome 4+(and Opera 14+)

Author:Jeff Clayton

@media not alland (min-resolution:.001dpcm) { _:default, .selector { property:value; } }

Safari 4.1-5.0, Chrome 5

Author:Jeff Clayton

_:default,body:nth-last-child(n0) .selector { property:value; }

Safari 4.1-5.0, Chrome 4-9(& old versions of Chrome 10 before 10.0.64)

Author:Jeff Clayton

@media screenand (min-width:0\-) { .selector { property:value; } }

Safari 4.1-, Chrome 5-

Author:Andy Kirk

_:window-inactive,body:nth-last-child(n0) .selector { property:value; }

Safari 4.0-5.0, Chrome 2-9(& old versions of Chrome 10 before 10.0.64)

Author:Jeff Clayton

@media screenand (min-width:0\0) { _:window-inactive, .selector { property:value; } }

Safari 4.x, Chrome 2-5

Author:Jeff Clayton

_:increment, .selector:not(*:root){ property:value; }

Safari 4.0+, Chrome 2+(and Opera 14+)

Author:Jeff Clayton

_:only-of-type,.selector:not(*:root) { property:value; }

Safari 3.1+, Chrome 1+(any) (and Opera 14+)

Author:Jeff Clayton

_:-webkit-any-link,:root .selector { property:value; }

Safari 3.0+, Chrome 1+(any) (and Opera 14+)

Author:Jeff Clayton

-:Opera Mini :-

Old Opera hacks still affect Opera Mini. Hereis one of my combos that works... (A slightly simpler version of the one Iupdated for browserhacks to rule out Internet Explorer 7) and an old mediaquery that still works as well.

_:-o-prefocus, :root.selector { property:value; }

Opera 9.5-12, Opera Mini7.x (Opera 9.80)

Source:BrowserHacks.com

(Modified)

@media all and(-webkit-min-device-pixel-ratio:10000), not all and(-webkit-min-device-pixel-ratio:0) { .selector { property:value; } }

Opera 11-, Opera Mini 7.x(Opera 9.80)

Source:BrowserHacks.com

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 212,029评论 6赞 492
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 90,395评论 3赞 385
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 157,570评论 0赞 348
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 56,535评论 1赞 284
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 65,650评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 49,850评论 1赞 290
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,006评论 3赞 408
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,747评论 0赞 268
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,207评论 1赞 303
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,536评论 2赞 327
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,683评论 1赞 341
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,342评论 4赞 330
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,964评论 3赞 315
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,772评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,004评论 1赞 266
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 46,401评论 2赞 360
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 43,566评论 2赞 349

推荐阅读更多精彩内容