후손 선택이 마크 업으로 인터넷 익스플로러 9

Question

작동하지 :이

#shopnav li.active { 
    border:1px solid red !important;  
} 

작동하지 않지만

<div id="shopNav"> 
     <ul> 
      <li class="active"> 
       <a href="#">test 1</a></li> 

     </ul> 
    </div> 
    <ul> 
     <li class="active1"><a href="#">test</a></li> 

    </ul> 

:

.active {border:1px solid red !important;} 

이 작업을 수행합니다.

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

와 첫 번째는 FF에서 강조하고 IE8하지와 함께 :

동작은 consistant입니다 만 두 번째에

나는 다른 문서 유형과 다른 동작을 얻을 li는 스타일을 부여 받았다.

연령대별로 이런 종류의 셀렉터를 사용하고있는 것 같은 느낌이 들지만 ... IE9에서 작동하는 첫 번째 선택기가 아닌 이유는 무엇입니까? 왜 첫 번째 선택기가 loose.dtd에서 작동하지 않습니까?

#shopnav ul li.active 

또는이

#shopnav * li.active 

Answer 1

id 속성 값은 대소 문자를 구분 :

행동에 on this page

Answer 2

사용이 그것을 참조하십시오. id="shopNav"이 있으면 CSS에서 #shopnav이 아니라 #shopNav을 사용해야합니다.