first-child ie7 버그

xhtml

first-child ie7 버그

박성준 2012. 9. 11. 14:01

first-child ie7에서만 적용 안되는 버그

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>

.text ul:first-child {float:left;}
.text ul {float:right; }

</style>
</head>
<body>'

(괜찮음)
    <div class="text">(first-child 적용할 상단 클래스 옆에 주석을 달면 ie7에서 적용이 안됨)
     <ul> (괜찮음)
      <li><a href="#">44</a></li>
      <li><a href="#">55</a></li>
      <li><a href="#">66</a></li>
      <li><a href="#">77</a></li>
     </ul>
     <ul>
      <li>111</li>
      <li>222</li>
      <li>333</li>
     </ul>
    </div>
</body>
</html>

------------------------------------------------

ie9 개발자도구 브라우저 모드 ie7버전에서 확인