链接和格式，HTTP会有所作为吗？

Question

因此，这就是我希望所有链接都显示在页面上的方式：

a:link, a:visited {
    text-decoration: none;
    color: blue;
    font-weight: bold;
}

a:hover, a:active {
    text-decoration: underline;
    color: blue;
}

DIV中的垂直导航菜单除外，该菜单的链接具有白色和绿色背景（悬停时为蓝色）。 注意：此navMenu仅链接到我网站上的其他页面（“ home.html”，“ contact.html”等），并使用相对路径（即-仅文件名）。

#navMenu {
    width: 105px;
    float: left;
    background-color: green;
    margin: 0px;
    padding: 0px;
}

#navMenu > ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#navMenu > ul li {
    display: inline;
    float: left;
    font-size: small;
}

#navMenu > ul li a:link, a:visited {
  display: block;
  width: 130px;
  font-weight: bold;
  color: white;
  background-color: #999900;
  text-align: left;
  padding: 4px;
  text-decoration: none;
  text-transform: uppercase;
}

#navMenu > ul li a:hover, a:active {
    background-color: blue;
}

因此，当我查看navMenu DIV之外的页面中的链接时，大多数链接都位于外部（到另一个站点），如下所示：

<a href="http://somewhere.com">Link</a>

并且使用蓝色，例如默认的“ a”选择器定义的颜色。

但是（获取此内容）-指向站点上具有相对路径的另一个页面的任何链接（即使它位于navMenu DIV之外）：

<a href="page2.html">Page 2</a>

正在使用navManu格式处理（因此文本为白色）。

但是请注意-如果我将任何这些链接（至内部页面）从navMenu DIV外部接收，仅将“ http：//”添加到HREF，则它取自“ a”选择器，并且链接变为蓝色。

什么？

Answer 1

那是因为您已经访问了链接。 您的CSS表示已访问的任何链接应显示为白色。 声明应该为蓝色的第一个声明被覆盖，我认为这是您的问题。 尝试将最后两个声明更改为以下内容：

#navMenu > ul li a:link, #navMenu > ul li a:visited {
  display: block;
  width: 130px;
  font-weight: bold;
  color: white;
  background-color: #999900;
  text-align: left;
  padding: 4px;
  text-decoration: none;
  text-transform: uppercase;
}

#navMenu > ul li a:hover, #navMenu > ul li a:active {
  background-color: blue;
}

注意选择器的特殊性。