リンクのプロパティを変更する

Question

私は次のように書いています。html

<ol class="otherstufflinks"> 
    <li> 
     <a href="./pythonNotes/index.html">Python notes</a> 
    </li> 
    <li> 
     <a href="./figure.html">Cool figure made using</a> 
     <a href="http://mbostock.github.com/d3/" class="nestedlink">d3.js library.</a> 
    </li>    
</ol> 

私cssファイルに関連する部分は次のとおりです。

a:link, a:visited { 
    color: steelblue; 
    text-decoration: none; 
} 

a:hover { 
    color: rgb(210,135,60); 
} 

.otherstufflinks > li, 
.otherstufflinks a:link, .otherstufflinks a:visited 
{ 
    font-weight: normal; 
    color: rgb(75,75,75); 
} 

.otherstufflinks a:hover { 
    color: rgb(210,135,60) 
} 

は、私は別の色を選択したい、クラスnestedlinkとのリンクのために、赤と言います。誰かが私にそのことを教えることができれば感謝しますか？私は以下を試みたが、どれもうまくいきませんでした。

まず試してみてください。

.nestedlink a:link, .nestedlink a:visited { 
    color: red; 
} 

2回目の試行：

.otherstufflinks .nestedlink a:link, .otherstufflinks .nestedlink a:visited { 
     color: red; 
    } 

私が間違っているつもりですどこ私は表示されません。ご協力いただきありがとうございます。

Answer 1

a.nestedink:link, a.nestedlink:visited { 
color: red; 
} 

私はaを使用し、.nestedlinkのみを使用すると、デフォルトのa：linkプロパティは.nestedlinkをオーバーライドします。

Answer 2

ただ、確実に

a.nestedlink:visited, a.nestedlink:visited { 
    color: red; 
} 

を試してみてください？

Answer 3

あなたのCSSが悪いです、試してみてください。

これは、

a.nestedlink { color: red; } 

は "クラスnestedLinkと ''（アンカー）タイプの要素に適用されます"。あなたが持っていたことは、「クラスのネストされたリンクを持つ要素の子孫であるアンカーにこれを適用する」ことを意味します。