3

私は次のHTMLを持っています

<div class = "left">
<div id = "links">
<a href = "none" style = "text-decoration: none"><b>About</b></a>
<br>
<a href = "none" style = "text-decoration: none"><b>Principals</b></a>
<br>
<a href = "none" style = "text-decoration: none"><b>Contact</b></a>    
<br>    
</div>
</div>​

とCSS

.left {
       position: fixed;
       top: 0px;
       left: 0px;
       width: 30%;
       height: 100%;
       background-color: #8EE5EE;
       color: #000000;
      }
#links {
        position: relative;
        top: 40%;
        text-align: right;
        font-family: "Verdana", "Arial Black", sans-serif;
        font-size: 25px;
        color: #000000;
       }​

リンクの色は黒のはずですが、濃い青で表示されています。このコードの何が問題になっていますか?

JSFiddle ここ

ありがとう！

4

4 に答える 4

11

あなたが抱えている問題は、a要素に親要素から色を継承しないデフォルトのスタイルがあることです。colorプロパティの継承を強制するには:

a {
    color: #000; /* for browsers that don't support 'inherit' as a color value */
    color: inherit;
}
于 2012-12-31T19:06:55.233 に答える
5

これを css に追加します。

#links a:link{
    color: #000;
}

その後、次のようなものを追加できます...

#links a:visited{
    color: #000;
}
#links a:hover{
    color: #000;
}
#links a:active{
    color: #000;
}

...さまざまな状態のリンクの色も変更します。

これに関する読み物: http://www.w3schools.com/css/css_link.asp

于 2012-12-31T19:05:53.307 に答える
2

#links a { color: #000; }CSS に追加して、リンクのスタイルを設定します (またはa { color: #000; }、この色をグローバルにしたい場合)。

于 2012-12-31T19:06:22.990 に答える
1

これを試して

#links a:link, a:hover, a:visited, a:active {
   color: #000000;
}

ここにいくつかのドキュメントがあります。

于 2012-12-31T19:06:00.543 に答える