Link 未为 CSS 中的所有链接设置样式

Question

我正在慢慢学习html/css。我有一个客户想要页面上的 3 links 是引人注目的 link 颜色（在本例中为蓝色）。但是，当我尝试编辑 link 的样式时，只有其中两个显示更改。

我无法全局设置，或者其他link（例如一些社交媒体图标）正在改变。

这是我尝试过的：

div.entry-content a:link {
color: blue;
}

entry-content a:link {
color: blue;
}

这是我检查页面时看到的内容：

所以，我哪里错了？我希望我添加了帮助所需的一切。谢谢。

Answer 1

我假设所有三个 link 都包含在具有 class 条目内容的 div 中。我唯一能想到的是第一个 link 是黑色或更深的颜色，因为它处于活动状态或已访问。您可以仅使用 a 选择器或其他伪选择器来设置 link 的样式。

/* Just a selector */
.entry-content a {
    color: blue;
}

/* Just a selector */
.entry-content a,
.entry-content a:visited,
.entry-content a:active {
    color: blue;
}

Answer 2

尝试向锚点添加 class 名称，如下所示： <a class="blue" href="url">link text</a> 然后在你的 css 中创建蓝色 class .blue { color: blue; }

Answer 3

看来您之前点击过link，所以link状态为活跃或已访问。

试试这个，如果可以，然后使用伪选择器 :active 和 :visited 更新您的代码：

a, a:link, a:visited, a:active {
    color: blue;
}

希望对您有所帮助！

Link 未为 CSS 中的所有链接设置样式

Link style not setting for all links in CSS

html

css

styling