CSS僞類的主導航不工作聯繫

Question

代碼：

a:link { color: #111111; } 
a:visited { color: #1b3a57; } 
a:hover { color: #f3371c; } 

我有我的網站上鍊接堆。這些州正在正常工作，例如，頁腳文本（鏈接）和一般正文鏈接。但主導航鏈接和子標題鏈接不會更改狀態。我已經測試過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嘗試添加它。（可能工作...！）

由於不正確DOCTYPES導致瀏覽器恢復到怪癖模式（IE）和CSS僞類不會 在這種情況下，與DOM相處得很好。進一步閱讀請看doctype and css relation as seen in alistapart.com