Html 如何预防；a「；从应用到链接的样式设置？

我正在尝试为我的网站创建一个横幅而不使用图像。然而，这个横幅也是一个链接

有没有一种方法可以替代我的div中“a”（link）CSS样式的使用

假设CSS如下所示：

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

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

---

换句话说，我希望“logo”的CSS定义覆盖链接的定义。

将注释转换为答案：

使用此选项，可以指定给定容器中的样式：

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

---

如果只想将样式应用于div

#logo

中的锚定，则必须使用如下选择器：

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

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

#徽标a{
颜色：红色；
字体大小：48px；
}

如果HTML是这样的

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

如果HTML是这样的

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

---

您的问题是选择器的特殊性

：link

和

：visted

，您也应该覆盖这些选择器：

#logo {
    font-size: 48px;
}

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

---

你试过这个：

#logo a{color:red；}

？如果

#logo

是一个

div

，你可以这样写你的CSS：

#logo a{…}

你们是最好的！非常感谢。

#logo {
    font-size: 48px;
}

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