Nonetheless, I wanted to document every browser-specific css selector and style attribute hack I’ve seen. Plus there’s no way to provide stylesheets to only Safari, I believe.
With these you’ll be able to better target IE, Firefox, Chrome, Safari and Opera from within the css.
Update 2009.06.03 - I added the suggestions left on Ajaxian and in the comments and updated the browser versions to consider Safari 4, IE 8, and Chrome 2.
Update 2009.08.03 - I added some new Firefox hacks from @pornelski, which are very unique in that the target selector is not a child like the rest of them. More explanation on his site.
Update 2009.11.10 - Added #prop: value IE<=7 hack. I prefer it much less to *prop.
Update 2010.01.24 - Added prop: value!ie hack. Thx @miketaylr for the tip.
Update 2010.04.07 - Clarification on :nth-of-type(n) from Estelle Weyl
Update 2011.04.11 - the new \0/ hack from here and here. It’s invalid and must go at the end of all other rules.. so it’s a pretty dangerous hack, but at the same time.. its a happy arms-raised guy, so I guess it balances out. :)
Update 2011.05.18 - updated the \0/ and \9 one to note that it works in IE9 as well. thx Mathias Bynens.
Update 2011.05.19 - added :not(:-moz-handler-blocked) one from lea verou.
Freeform addendum
2011.05.23: Okay some freeform notes from recent research. hopefully i’ll clean these up later….
2012.11.10: Link to keith clark’s @media hacks. They are pretty hot.
Mathias wrote about safe CSS hacks Read that. Also I should clarify which of the hacks on this page are recommended and which are …. tricky and nasty.. (which is many of them)…
/* Property prefix hacks *//* IE6 only - any combination of these characters */_-£¬¦/* IE6/7 only - any combination of these characters */!$&*()=%+@,./`[]#~?:<>|/* @media hacks *//* IE6/7 only (via Keith Clarke) */@mediascreen\9{}/* IE6/7/8 (via Keith Clarke) */@media\0screen\,screen\9{}/* IE8 (via Keith Clarke) */@media\0screen{}/* IE8/9 */@mediascreen\0{}
For April Fools day, Youtube enabled you to view any page and video, totally upside down.
Pretty cute and clever, so I unapologetically stole their code and re-appropriated it as a jQuery plugin. As you can see, I have very valuable time. :-p