Cross-Browser CSS Cheat Sheet

Cross-Browser CSS Cheat Sheet

by Paul Irish

Paul's Cross-browser CSS tips can be found here:
Browser CSS Hacks - by Paul Irish

Selector hacks

Red if * html matches in this browser
Red if *:first-child+html matches in this browser
Red if html>body matches in this browser
Red if html>/**/body matches in this browser
Red if html:first-child matches in this browser
Red if html[xmlns*=""] body:last-child matches in this browser
Red if body:nth-of-type(1) matches in this browser
Red if div:nth-of-type(1n) matches in this browser
Red if body:first-of-type matches in this browser
Red if @media screen and (-webkit-min-device-pixel-ratio:0) matches in this browser
Red if html[xmlns*=""]:root matches in this browser
Red if *|html[xmlns*=""] matches in this browser
Red if :root *> matches in this browser
Red if *+html matches in this browser
Red if * > matches in this browser
Red if html:only-child matches in this browser
Red if @media all and (min-width: 0px) matches in this browser
Red if html:lang(en)>body matches in this browser
Red if body:nth-of-type(1) matches in this browser
Red if x:-moz-any-link matches in this browser
Red if x:-moz-any-link, x:default matches in this browser

Attribute hacks

Blue if div { _background: blue} matches in this browser
Blue if div { *background: blue} matches in this browser
Blue if div { .background: blue} matches in this browser
Blue if div { background/**/: blue} matches in this browser
Blue if div { background: blue\9;} matches in this browser
Blue if div { background/*\**/: blue\9;} matches in this browser
Blue if div { background: blue !ie;} matches in this browser