0

私は次の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;
   }

どこが間違っているのかわかりません。ご協力いただきありがとうございます。

4

3 に答える 3

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

a と .nestedlink のみを使用すると、デフォルトの a:link プロパティが .nestedlink をオーバーライドすると思います。

于 2012-04-10T20:18:33.320 に答える
2

ちょうど試して

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

もちろん？

于 2012-04-10T20:18:20.420 に答える
1

あなたのCSSは悪いです、試してください：

a.nestedlink { color: red; }

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

于 2012-04-10T20:19:39.027 に答える