链接仅在断开时显示

Question

首先我要说我是 HTML 和一般编码的新手。 我遇到了一个奇怪的问题，即只有当所述链接断开时才会显示超链接（就像我可以在屏幕上看到的那样）。

在测试网站时，我点击了链接（最初是可见的），但它没有将我发送到我想要的地址，因为我忘记在地址前面加上 https://。

不过，只要我输入前缀，超链接就不再可见了。它还在那里，离开空格后出现文本，现在它把我发送到正确的地址，但没有显示。

@font-face {
  font-family: PierSans;
  src: url(PierSans-FreeForPersonalUse/PierSans-Regular.otf);
}

@font-face {
  font-family: Omnes;
  src: url(Omnes/Omnes.ttf);
}

body {
  padding-top: 0.5em;
  padding-left: 11em;
  font-family: PierSans;
  color: #fcac89;
  background-color: #324a40
}

p,
address {
  text-decoration: none;
  font-family: Omnes;
}

address a:link,
a:visited {
  color: #fcac89;
}

ul.navbar {
  list-style-type: none;
  padding: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em
}

ul.navbar li {
  background-color: #fcac89;
  margin: 0.5em 0em;
  padding: 0.3em;
  border-left: 0.5em solid #e38150;
}

ul.navbar li.current {
  background-color: #fcac89;
  margin: 0.5em 0em;
  padding: 0.3em;
  border-left: 0.5em solid #276359;
}

ul.navbar li:hover {
  border-left: 0.5em solid #276359;
}

ul.navbar a {
  text-decoration: none;
}

ul.navbar a:link,
a:visited {
  color: #324a40;
}

<!-- Navigation Bar -->
<ul class="navbar">
  <li><a href="index.html">Home</a></li>
  <li class="current"><a href="school.html">School</a></li>
  <li><a href="interests.html">My Interests</a></li>
</ul>

<!-- Text here -->
<h1>School related stuff</h1>
<p>The Highschool I go to is the I.I.S. Meucci, a scientific institute located in Massa.<br> I'm currently in the fourth year of Highschool, and so next year I'll have to choose what University to go to.<br> I may choose to study subject such as Chemistry,
  IT and Mathematic, but I'm also considering more 'artistic' and 'direct' subjects like Architecture and Graphic Design.</p>
<h2>My school's contact</h2>
<address>I.I.S. Antonio Meucci Massa<br>
    <a href="https://www.iismeuccimassa.it">www.iismeuccimassa.it</a><br>
    Via Marina Vecchia, 230 54100 MASSA (MS)<br>
    Tel. 0585 252708-fax.0585 251012<br>
    msis01800l@istruzione.it<br>
    </address>

如果有人可以帮助我，我们将不胜感激，请原谅我的英语不是我的母语。

Answer 1

从 css 部分中删除 a:visited。

@font-face {
    font-family: PierSans;
    src: url(PierSans-FreeForPersonalUse/PierSans-Regular.otf); }
@font-face {
    font-family: Omnes;
    src: url(Omnes/Omnes.ttf); }
body {
    padding-top: 0.5em;
    padding-left: 11em;
    font-family: PierSans;
    color: #fcac89;
    background-color: #324a40 }
p, address {
    text-decoration: none;
    font-family: Omnes; }
address a:link, a:visited {
    color: #fcac89; }
ul.navbar {
    list-style-type: none;
    padding: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em }
ul.navbar li {
    background-color: #fcac89;
    margin: 0.5em 0em;
    padding: 0.3em;
    border-left: 0.5em solid #e38150; }
ul.navbar li.current {
    background-color: #fcac89;
    margin: 0.5em 0em;
    padding: 0.3em;
    border-left: 0.5em solid #276359; }
ul.navbar li:hover {
    border-left: 0.5em solid #276359; }
ul.navbar a {
    text-decoration: none; }
ul.navbar a:link /* Removed a:visited from here */{
    color: #324a40; }

<ul class="navbar">
    <li><a href="index.html">Home</a></li>
    <li class="current"><a href="school.html">School</a></li>
    <li><a href="interests.html">My Interests</a></li>
</ul>

<!-- Text here -->
<h1>School related stuff</h1>
<p>The Highschool I go to is the I.I.S. Meucci, a scientific institute located in Massa.<br>
I'm currently in the fourth year of Highschool, and so next year I'll have to choose what University to go to.<br>
I may choose to study subject such as Chemistry, IT and Mathematic, but I'm also considering more 'artistic' and 'direct' 
subjects like Architecture and Graphic Design.</p>
<h2>My school's contact</h2>
<address>I.I.S. Antonio Meucci Massa<br>
<a href="https://www.iismeuccimassa.it">www.iismeuccimassa.it</a><br>
Via Marina Vecchia, 230 54100 MASSA (MS)<br>
Tel. 0585 252708-fax.0585 251012<br>
msis01800l@istruzione.it<br>
</address>

Answer 2

替换 CSS 中的以下部分

address a:link, a:visited {
    color: #fcac89;
}

用这个：

address a:link, address a:visited {
    color: #fcac89;
}