ユーザエージェントのスタイルシートを無効にする

Question

何らかの理由で私のウェブサイトは自分のスタイルを使用しません！

私は自分のスタイルシートでこれを持っている：私のHTMLの

#nav { 
    margin: 15px 0 15px 0; 
    padding: 0; 
    width: 965px; 
    background: #ffffff; 
    border-bottom: 0px #f2e9e1 solid; 
    height: 2.1em; 
} 

#nav ul { 
    display: block; 
    margin: 0; 
    padding: 0 0 0 10px; 
    line-height: 17px; 
    list-style: none; 
    z-index: 90 
} 

#nav ul li { 
    float: left; 
    margin: 0 1px 0 0; 
    padding: 0; 
    font-size: 14px; 
    letter-spacing: 1.0px; 
    line-height: 17px; 
    list-style-type: none; 
    white-space: nowrap; 
} 

#nav ul li a { 
    float: left; 
    display: block; 
    width: auto; 
    font-weight: normal; 
    background: transparent; 
    text-decoration: none; 
    color: #1c140d; 
    margin: 0; 
} 

パート：

<div id="nav"> 
    <ul class="level1"> 
      <li><a href="http://comparative-legumes.org/development_activities">Development</a></li> 
      <li class="sep">|</li> 
      <li> <a href="#" class="no_cursor">Search</a> 
        <ul class="level2" style="position: absolute; top: 0px; left: 0px; visibility: hidden; "> 
          <li><a href="http://search.comparative-legumes.org">Seqqle search by sequence</a></li> 
          <li><a href="http://soybase.org:8085/cvits/new">CViT search tool</a></li> 
          <li><a href="http://soybase.org:8085/gene_families">Leggle search</a></li> 
        </ul> 
      </li> 

しかし、私の開発ツールは、最初<李>のための一致したCSSルールは、Liの代わりであると述べています#nav ul li。

Answer 1

スタイルシートが実際に読み込まれていることを確認してください。あなたのブラウザで何かを変更していない限り、そのスタイルが動作してはならない理由はありません。

可能であれば、私たちが見ることができるURLを提供してください。

Answer 2

あなたのHTML/CSSが意図したとおりに動作しているようです。私はそれがthe | turns red when I add color: red; to the #nav ul li ruleを見ることができます。ここで何か他のもの（スタイルシートが文字化けしているか、読み込まれていない、他のコード）があるはずです。