Tuesday, May 12, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<style>

/***** Selector Hacks ******/

/* IE 6 and below */

* html #all { color: red }

/* IE 7 and below */

*:first-child+html #all { color: #F60 } /*ORANGE*/

/* IE 7 and modern browsers */

html>body #all { color: #FC0 } /*YELLOW*/

/* Modern browsers (not IE 7) */

html>/**/body #all { color: #9C0 } /*GREEN*/

/* Opera 9.27 and below */

html:first-child #all { color: #6CC } /*TIFFANY*/

/* Safari */

html[xmlns*=""] body:last-child #all { color: #36F } /*BLUE*/

/*safari 3+, chrome 1+, opera9+, ff 3.5+ */

body:nth-of-type(1) #all { color: #609 } /*PURPLE*/

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */

body:first-of-type #all { color: #600 } /*MAROON*/

/* saf3, chrome1+ */

@media screen and (-webkit-min-device-pixel-ratio:0) {

#all { background: #FFDECE; border: 2px solid #ff0000 } /*??*/

}

/***** Attribute Hacks ******/

/* ie6 and below */

#all { _color: #300 } /*NEARLY BLACK*/

/* ie7 and below */

#all { *color: #666 } /* or #color:#ffffff */ /*GREY*/

/* 'Modern Browsers' includes IE8, whether you agree or not.. :) */

</style>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Test CSS Document</title>

</head>

<body>

<div id="all">This is you browsers color...</div>

</body>

</html>