如何防止“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;
}