リンクタグの色は機能しませんが、リンクタグのdivの色は機能しますか？

Question

なぜ（テキストの色の点で）いないこの作品行います

.navbarDivText { 
    color: #DAA520; 
} 
.navbarDiv { 
    width: 150px; 
    background-color: inherit; 
    margin-left: 10px; 
} 


<li class="navbarDiv" > 
    <a href="index.php" class = "navbarDivText">Main Page</a> 
</li> 

しかし、この処理が行われます。

<li class="navbarDiv" > 
    <a href="index.php"> 
    <div class = "navbarDivText">Main Page</div> 
    </a> 
</li> 

Answer 1

2例では、リストの色を与える場合には、リストの色が変わりますし、アンカーは下線で、デフォルトでは青残ってあります。

リストのアンカーの色を変更したい場合は、アンカーのスタイル設定にテキストの装飾を指定し、必要なスタイルを指定する必要があります。

例を参考にしてください。 Link

もっとデモ：Here

Answer 2

私には罰金作品

、明確なクッキーとしてみてください。

.navbarDivText { 
 
    color: #DAA520; 
 
} 
 

 
.navbarDiv { 
 
    width: 150px; 
 
    background-color: green; 
 
    margin-left: 10px; 
 
}

<li class="navbarDiv"><a href="index.php" class="navbarDivText">Main Page</a></li>

は...

.navbarDiv a, a:visited { 
    color: #DAA520; 
} 

または

が

.navbarDivText:link, .navbarDivText:visited { 
    color: #DAA520; 
} 

Answer 3

ブートストラップは、おそらくこれをオーバーライドしている、としてもこれを行うことが

より具体的にする必要があります。あなたが使用する必要があり

a.navbarDivText { 
    color: #DAA520; 
} 

：

a.navbarDivText { 
    color: #DAA520!important; 
} 

動作しません何らかの理由なら...

Answer 4

を側では、あなただけaタグ内のdivを置く必要があります注意してくださいあなたがHTML5のdoctypeを使用している場合は、私はあなたが想像しています。

リンクがクリックされると、ブラウザは訪問したことを示す色をブラウザに表示します。したがって、あなたは:visitedセレクターを試すことができます。それが機能しない場合、別のスタイルがあなたのスタイルを上書きしている可能性があります。コメントで述べたように、デベロッパーコンソールの要素を調べて、スタイルがオーバーライドされているかどうかを確認します。この中

.navbarDivText:link, .navbarDivText:visited 
{ 
    color: #DAA520; 
}