外部CSSシートでは色とテキストの装飾が機能しません。

Question

私は同様の質問から他の多くのソリューションを試しましたが、どれも成功していません。 私にはリンクがあります。 <a href="home.html"> Home </a> は、<div>の範囲内にあります。私は外部CSSスタイルシートを使用しています。

a:link { 
    color: black; 
    text-decoration: none; 
    font-family: sans-serif; 
} 

font-familyは動作していますが、色とテキストの装飾は機能しません。私も同様の問題を抱えています：訪問しました。 このリンクの特定のクラスを作成しようとしましたが、これは効果がありませんでした。私はまた、私のスタイルシートに 'div a：link'を使ってみましたが、これも効果がありませんでした。 <a href="home.html" style="the style I want">には、同じスタイルを使用する必要のあるリンクがたくさんあるので、私は消極的です。

Answer 1

はこれを試してみてください：

div a { 
    color: black; 
    text-decoration: none; 
    font-family: sans-serif; 
} 

か...のようなdiv要素にクラス名を与える：

.nav a { 
     color: black; 
     text-decoration: none; 
     font-family: sans-serif; 
    } 

<div class="nav"> 
<a href="home.html"> Home </a> 
</div> 

Answer 2

いくつかの他のCSSがページに既に存在であり、それは継承なっているようです。試してみてください

div a { 
    color: black !important; 
    text-decoration: none !important; 
    font-family: sans-serif !important; 
}