链接字体颜色问题

Question

Closed. This question needs debugging details. It is not currently accepting answers.

---

编辑问题以包含所需行为、特定问题或错误以及重现问题所需的最短代码。这将有助于其他人回答问题。

9 年前已关闭。

Answer 1

将您的 main.css 文件编辑为

#header h1 {
    color: #000000;  // <-- your new title color
    font-family: 'News Cycle',arial,serif;
    font-size: 6em;
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
}

您在选择器下拥有所有链接：

#nav ul li a, a:link, a:visited {
color: blue;
font-family: 'Smythe',serif;
font-size: 26px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 1.2;
text-decoration: none;
text-shadow: 2px 2px 2px #AAAAAA;
text-transform: none;
word-spacing: 0;
}

您还可以将 #nav ul li a 部分与 a:link, a:visited 分开并只为导航链接而不是所有链接分配颜色。

Answer 2

在这两种情况下，您的 CSS 都使用 a:link 和 a:visited

#nav ul li a, a:link, a:visited {
    color: white;
    font-family: 'Smythe',serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    text-decoration: none;
    text-shadow: 2px 2px 2px #AAAAAA;
    text-transform: none;
    word-spacing: 0;
}

#header h1 a, a:link, a:visited {
    color: #000000;
    text-decoration: none;
}

分隔它们

#nav ul li a, #nav ul li a:link, #nav ul li a:visited { // nav link style ... }

您可以使用和

#header h1 a, #header h1 a:link, #header h1 a:visited { // header link style... }

Answer 3

原因是您在 标记中指定颜色

#nav ul li a, a:link, a:visited {
    color: white;
    font-family: 'Smythe',serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    text-decoration: none;
    text-shadow: 2px 2px 2px #AAAAAA;
    text-transform: none;
    word-spacing: 0;
}

以覆盖上面的 css 写入

#header a h1{
color: yellow;
}