IE7で子要素セレクタが効くようになってる!
IE7だと子要素セレクタが使えるんですねー。(→マイコミジャーナル - 正式版完全対応! Internet Explorer 7 CSS攻略法)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> div { margin: 10px; } /** div.parent 配下のすべてのdivに適用されるCSS */ div.parent div { color: #3333FF; } /** div.parent 直下のdivのみに適用されるCSS */ div.parent > div { color: #FF3333; } </style> </head> <body> <div class="parent"> <div>div.parent直下のdiv → 「color: #FF3333;」が適用される</div> <div> <div>div.parent直下ではないdiv → 「color: #3333FF」が適用される</div> </div> <div>div.parent直下のdiv → 「color: #FF3333;」が適用される</div> </div> </body> </html>
表示イメージはこちら。
IE6ではすべて「#3333FF」になりますが、IE7やFireFoxではdiv.parent直下のdivは「#FF3333」になります。うーん、これはうれしい!