web-dev-qa-db-ja.com

CSS a：linkは元の色を維持します

CSSで色を変更しないようにリンクに伝え、デフォルトの色を使用することは可能ですか？.

例

赤いテキストがあり、そのテキストもリンクです。通常、そのテキストはリンクなので青に変わりますが、赤のままにしておきたいです。

色をまったく選択しないa：linkのグローバルスタイルはありますか？

htmlcsshyperlink
22
Warface

あなたのスタイルシートでこれを試してください：

a:link {
   color:inherit;
}

リンクを特定する他の方法があることを確認する必要があることに注意してください。そうしないと、ユーザーが混乱します。 （つまり、下線も削除しないでください）。

inheritをサポートしていないブラウザに対処したい場合は、最初に色を設定した定義を繰り返すとよいでしょう。

例として、クラスimportantを赤で表示する必要があると想定します。

.important {
    color:red;
}

.important a:link {
    color:red;
}

しかしもちろん、すべての色表示を2倍にする必要があるのは良いことではありません。私はJavaScriptで何かを行うことができると思います（すべてのa要素をループして、適切なクラスを明示的に与える）。 （IEこれをテストするために利用できるものはありません。）

57
Paŭlo Ebermann

すべてのaタグが段落タグ内に含まれている場合は、colorタグのaをinheritに設定するだけです。すべてのaタグのスタイルを設定して、段落タグの色を設定することもできます。 inheritに関する簡単な警告です。IEの古いバージョンはサポートしていません（IE7以前）。

1
ayyp