CSS伪类的主导航不工作联系

问题描述：

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>

HTML在语法上是有效的，所以我不认为它与我的标记有任何关系。 – Arrow 2012-08-02 10:37:08

我也尝试清除所有浏览器中的所有缓存和临时文件，并刷新，这并没有帮助。 – Arrow 2012-08-02 10:38:43

你可以请分享CSS和主导航的CSS吗？ – 2012-08-02 10:42:06

答

如果你的HTML没有DOCTYPE尝试添加它。（可能工作...！）

由于不正确DOCTYPES导致浏览器恢复到怪癖模式（IE）和CSS伪类不会在这种情况下，与DOM相处得很好。进一步阅读请看doctype and css relation as seen in alistapart.com

CSS伪类的主导航不工作联系

相关推荐