Child-selector (>) issues

Major recent browsers

Test figure should match expected result on all modern browsers (Firefox >= 2, Safari, Opera, Chrome, IE >= 7).

Expected result :
Test with your navigator :
<style type="text/css"> div.ext div.yellow {background-color:#FFFF00;} /* only select divs with "red" class which are childs of a div with "yellow" class */ div.ext div.yellow > div.red {background-color:#FF0000;} </style>

IE 7 behavior

On IE 7, page MUST have a valid DOCTYPE to use child-selector !

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

IE 6 behavior

On IE 6, child-selector is not available...

<!--[if IE 6]> <style> /* Don't use child selector : better than nothing... */ div.ext div.yellow2 {background-color:#FFFF00;} div.ext div.yellow2 div.red2 {background-color:#FF0000;} </style> <![endif]-->