html - 「a」スタイルがリンクに適用されないようにするにはどうすればよいですか?

Question

画像を使用せずにサイトのバナーを作成しようとしています。ただし、そのバナーもリンクです。

div からの "a" (リンク) CSS スタイルの使用をオーバーライドする方法はありますか?

CSS が次のようになっているとします。

a:link, a:visited {
    color: #176093;
}

#logo {
    color: red;
    font-size: 48px;
}

つまり、#logo の CSS 定義がリンクの定義をオーバーライドするようにしたいと考えています。

Answer 1

コメントを回答に変換する：

これを使用して、特定のコンテナ内のスタイルを指定できます。

#logo a {
    color: red;
    /* ... */
}

Answer 2

div内のアンカーにのみスタイルを適用する場合は#logo、次のようなセレクターを使用する必要があります。

#logo a { 
    color: red;
    font-size: 48px;
}

Answer 3

HTMLがこのような場合;

<div id="logo"><a href="#">Banner Text</a></div>

次にCSSを使用します

#logo a:link, #logo a:visited{color:#176093;}

HTMLがこのような場合

<a id="logo" href="#">Banner Text</a>

次にCSSを使用します

#logo:link, #logo:visited{color:#176093;}

Answer 4

あなたの問題はあなたのセレクターの特異性で:linkあり:visited、あなたはそれらもオーバーライドする必要があります：

#logo {
    font-size: 48px;
}

#logo:link, #logo:visited {
    color: red;
}