为什么当我给出一个：链接颜色：红色；它没有改变它的颜色？答案

【问题标题】：why when I am giving a:link color: red; it is not changing it's color?为什么当我给出一个：链接颜色：红色；它没有改变它的颜色？
【发布时间】：2022-11-11 23:07:48
【问题描述】：

对不起我的英语不好）所以我在教程之后重复，导师写了一个：链接并给出了一个属性颜色：红色；但是当我这样做时它并没有改变它的颜色这是html：

<nav class="clearfix">
  <ul class="navigation">
    <li><a href="" class="huy">About us</a></li>
    <li><a href="" class="huy">Pricing</a></li>
    <li><a href="" class="huy">Contact</a></li>
  </ul>
  <div class="button">
    <a href="" class="btn-main">Sign up</a>
    <a href="" class="btn-hot">Get a quote</a>
  </div>
</nav>

和 SCSS：

.navigation{
  list-style-type: none;
  float: left;
  
  li{
    display: inline-block;
    margin-left: 30px;
    
    &:first-child{
      margin: 0;
    }
    a:link{
      color: red;
    }
  }
  
}

我想改变它的颜色

【问题讨论】：

链接有四种状态——链接——正常、已访问和悬停——鼠标悬停时、活动——单击。在您的情况下，您可能已经单击了链接并更改了状态。尝试更新 css - a:link, a:active{ color: red; }
为什么不自己设计链接？一次做A，悬停，访问，悬停。将它们与 li 分开。这样你的 CSS 是一致的

标签： html sass

【解决方案1】：

在 href 中输入一个值。喜欢：

<nav class="clearfix">
  <ul class="navigation">
    <li><a href="..." class="huy">About us</a></li>
    <li><a href="..." class="huy">Pricing</a></li>
    <li><a href="..." class="huy">Contact</a></li>
  </ul>
  <div class="button">
    <a href="..." class="btn-main">Sign up</a>
    <a href="..." class="btn-hot">Get a quote</a>
  </div>
</nav>

【讨论】：

【解决方案2】：

正如 Rahul Kumar 评论的那样，尝试将“a:link”更改为“a”或“a:active”

a{
      color: red;
}

【讨论】：

Active 是单击链接时的颜色，而不是链接的颜色。他想为链接本身设置样式

【解决方案3】：

要解决href 和# 中的问题，这将导航到任何地方，但很可能会解决您的问题。

【讨论】：