CSS Hack collection in the browser, csshack

CSS Hack collection in the browser, csshack

The so-called Hack is that only a specific browser can recognize this hack code. Hack is not a good thing. Unless there is no way, we should try not to use things. The following is the CSS Hack list of each browser.

Firefox

@-moz-document url-prefix() {  .selector {    property: value;  }}

Supports all Gecko kernel browsers (including Firefox)

*>.selector { property: value; }

Webkit kernel Browser

@media screen and (-webkit-min-device-pixel-ratio: 0) {  Selector {    property: value;  }}

Opera Browser

html:first-child>b\ody Selector {property:value;}

IE browser

The IE browser has different Hack methods for different versions.

IE 9

:root Selector {property: value\9;}

IE 9-

Selector {property: value\9;}

IE 8

Selector {property: value/;} Or: @ media \ 0 screen {Selector {property: value ;}}

IE 8 +

Selector {property: value\0;}

IE 7

* + Html Selector {property: value;} Or: *: first-child + html Selector {property: value ;}

IE 7-

Selector {*property: value;}

IE6

Selector {_ property: value;} Or: * html Selector {property: value ;}