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;
}