Saturday, July 25, 2009

SHORTEST WAY TO TARGET IE6/7!!

OMG before I seen this I did this:

/* normal CSS */
div.class {
}
/*ie6*/
* html div.class{
}
/*ie7*/
*:first-child+html div.class{
}

Brian Clay set out a new perspective at targeting ie6/7 only by:

1
2
3
4
5
6
#myelement
{
color: #999; /* shows in all browsers */
*color: #999; /* notice the * before the property - shows in IE7 and below */
_color: #999; /* notice the _ before the property - shows in IE6 and below */
}
Amazing... just amazing.

I'm using this from now on!!!