CSS 의사 클래스는

Question

코드를 연결합니다. 그리고이 상태는 예를 들어 Footer 텍스트 (링크) 및 일반 본문 링크와 같이 잘 작동합니다. 그러나 메인 네비게이션 링크와 서브 헤더 링크는 상태를 변경하지 않습니다.

IE 5 이상, Chrome, Opera, Safari, Maxthon 및 FireFox에서 테스트했지만 동일한 결과가 나타납니다.

어떤 종류의 문제가 발생할 수 있습니까?

---

업데이트 :

헤더 코드 :

#Header { 
    width: 100%; 
    height: 120px; 

    background-image: url('/Shared/Assets/Images/OrangeDot.png'); 
    background-position: center bottom; 
    background-repeat: repeat-x; 

} 

    #Header #MainLogo { 
     float: left; 
    } 

서브 헤더 코드 :

#SubHeader { 
    width: 100%; 
    height: max-content; 
} 
    #SubHeader ul { 
     float: left; 
     margin: 20px 0 0 0; 
    } 
     #SubHeader ul li img { 
      line-height: 1.5em; 
      margin: -.30em 0; 
     } 
     #SubHeader ul li { 
      padding: 0 10px 0 10px; 

     } 
      #SubHeader ul li a { 
       font-size: small; 
       /*color: #f3371c;*/ 
      } 

---

HTML 마크 업 :

 <ul id="MainNavigation" class="HorizontalMenu WithBullets"> 
      <li><a class="HighlightedMenuOption" href="@Href("~/Home")">Home</a></li> 
      <li><a href="@Href("~/Protected/Account/")">Sign In | Register</a></li> 
      <li><a href="@Href("~/Shared/Support/")">Support</a></li> 
      <li><a href="@Href("~/Shared/")">About Us</a></li> 
      <li><a href="@Href("~/Shared/")">Contact Us</a></li> 
     </ul> 
    </div> 
    <div id="SubHeader"> 
     <div id="categories" class="s_nav"> 
      <ul> 
       <li id="menu_home"> <a href="@Href("~/Home")">Home</a> </li> 
       <li> <a href="@Href("~/Shared/Products/")"></a> 
       <div class="s_submenu"> 
        <h3>Categories</h3> 
        <ul class="s_list_1 clearfix"> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        </ul> 
        <span class="clear border_eee"></span> 
       </div> 
       </li> 
       <li> <a href="@Href("~/Shared/Products/")"></a> 
       <div class="s_submenu"> 
        <h3>Categories</h3> 
        <ul class="s_list_1 clearfix"> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        </ul> 
        <span class="clear border_eee"></span> 

       </div> 
       </li> 
       <li><a href="@Href("~/Shared/Products/")"></a> 
       <div class="s_submenu"> 
        <h3>Categories</h3> 
        <ul class="s_list_1 clearfix"> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        </ul> 
        <span class="clear border_eee"></span> 
       </div> 
       </li> 
       <li><a href="@Href("~/Shared/Products/")"></a> 
       <div class="s_submenu"> 
        <h3>Categories</h3> 
        <ul class="s_list_1 clearfix"> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        </ul> 
        <span class="clear border_eee"></span> 
       </div> 
       </li> 
       <li><a href="@Href("~/Shared/Products/")">Tek Screws</a> 
       <div class="s_submenu"> 
        <h3>Categories</h3> 
        <ul class="s_list_1 clearfix"> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        <li><a href="@Href("~/Shared/Products/")"></a></li> 
        </ul> 
        <span class="clear border_eee"></span> 
       </div> 
       </li> 
      </ul> 
      </div> 

Answer 1

은 HTML은 추가, DOCTYPE 시도가없는 경우. (작동하지 않음 ...!)

으로 올바르지 않은 doctype

못해 쿼크 모드 (IE)와 CSS 의사 클래스에 복귀 브라우저로 이어질 그런 시나리오에서 DOM과 잘 어울린다. 더 자세한 내용을 보시려면 doctype and css relation as seen in alistapart.com