1

すべてのリストアイテムをハイパーリンクとして使用してを作成しました。
ここで必要なのは、箇条書きの色が、ステータス（訪問済みまたは未訪問）に応じてハイパーリンクの色と一致する必要があることです。
CSSのみを使用したい。これは可能ですか？リンクの上にカーソルを置いたときに色を一致させることができれば、それは素晴らしいことです。

4

2 に答える 2

1

これを試して

li {
    color:red
}
a {
    color:red;
    display:block
}
li:hover, a:hover{
    color:green
}

デモ

于 2013-03-21T12:02:48.987 に答える
0

標準の箇条書きを削除できます:

ul {
    list-style: none;
}

で再作成します

a::before {
    content: "\2022";
}

a のスタイルに箇条書きが含まれるようになりました

a:visited {
    color: red;
}

望ましくない効果: 箇条書きは a の一部になっているため、下線が引かれています。

とにかく、もっと仕事をするとやり過ぎになる可能性があると思います。

jsfiddle のデモ

于 2013-03-21T17:21:34.187 に答える