Tabella compatibilità degli hack e workaround CSS

In questa pagina si può trovare riassunto il supporto di alcuni selettori, proprietà e keyword nei browser, utile per preparare regole o dichiarazioni specifiche per un certo browser o un set di browser. Una nota è indispensabile: si tratta di soluzioni da usare con la dovuta cautela.

su quali browser il div.test avrà sfondo giallo?
Regola	IE 5.x	IE 6	IE 7	Opera 9	Firefox 2	Safari 2
* html div.test {background:yellow}	Si	Si	No	No	No	No
body>html div.test {background:yellow}	No	No	Si	Si	Si	Si
html>/**/body div.test{background:yellow}	No	No	No	Si	Si	Si
div.test {background:yellow !important;background:green}	No	No	Si	Si	Si	Si
div.test {background /**/:yellow}	Si	No	Si	Si	Si	Si
div.test {background:yellow !important;background /**/:green}	No	Si	Si	Si	Si	Si
html>/**/body div.test{background: yellow}	No	No	No	Si	Si	Si
html:lang(it) div.test{background: yellow}¹	No	No	No	Si	Si	Si
*:first-child+html div.test{background: yellow}	No	No	Si	No	No	No
*\|html div.test{background: yellow}²	No	No	No	Si	Si	Si

Note

il selettore di pseudo classe :lang presuppone che nell'HTML venga specificato il linguaggio del documento (es <html lang="it">)
il selettore di tipo con namespace appartiene ai CSS di livello 3, e seppur sia definito e lecito nelle specifiche W3C in proposito, al momento non passa la prova del validatore CSS.