css - CSS でのアンカータグのスタイル解除

Question

下線、太字、および色のすべての標準スタイルをアンカータグから削除して、アンカータグがリンクするだけで表示を混乱させないようにしたいと考えています。

私は次のことを試しましたが、まだすべてが青と太字で表示されているため、面倒です。

a,
a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
}

置換を置き換えてスタイルを削除するだけでなく、実際にリンクのスタイルをまったく設定しない方法を知っている人は誰でも、スタイルがアンカー内で混乱しないようにします。

score 5 · Accepted Answer

そのCSSは機能するはずです。スタイルシートが読み込まれていない可能性がありますか? などでリンクのフォントサイズを明らかに大きくしてみてくださいfont-size:50px;。

リンクが大きくなっても色/テキスト装飾/フォントの太さがまだ継承されない場合、何が問題なのかわかりませんが、リンクが同じサイズのままである場合、CSS を html にリンクすることに問題があります。ファイル。

score 3 · Accepted Answer

@Drejonの答えはほとんど私が望んでいたものでしたが、色、テキストの装飾、およびフォントの太さを明示的に設定すると、aタグが親からそれらの値を取得しなくなりました。これが私が望んでいたことです。これが私が最終的に使用したものです：

a, a:link, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

score 2 · Accepted Answer

私が理解しているかどうか正確にはわかりません。これが役立つかどうか試してください：

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #000000; /*color of your choosing*/
    text-decoration: none;
    font-weight: normal;
}

css - CSS でのアンカー タグのスタイル解除