Html 文本装饰未被删除（下划线被删除，但文本保持装饰状态）

我在一个div中有一个链接，我设置了文本装饰：none；这样的标签：

CSS（SCSS）：

HTML:

<div class="feature-box">
                    <a href="#" class="feature-box__link js--scroll-to-services">
                      <svg class="feature-box__icon feature-box__icon--1">
                        <use xlink:href="img/sprite.svg#sewage"/>
                      </svg>
                        <h3 class="heading-tertiary u-margin-bottom-small">Vee ja kanalisatsiooni-<br>süsteemide ehitus</h3>
                        <p class="feature-box__text">
                          Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, ipsum sapiente aspernatur.
                        </p>
                    </a>
                  </div>

---

问题是文本装饰：none属性只会删除文本下划线，但文本仍然保持紫色，就像被访问过一样

文本颜色不是由

文本装饰

属性设置的。将

color

属性设置为您想要的任何颜色。

您需要使用

color:black。文本颜色不是装饰。
将
链接
和
访问
设置为相同的颜色，如下所示，它与
文本装饰无关：无

.link,
.link:link,
.link:visited {
  color: blue;
}

根据需要设置
颜色
和功能盒链接

&.feature-box__link {
    &:link,
    &:visited {
      text-decoration: none;
      color:black;
    }
  }

---

请参阅工作代码：

的答案+由于某些浏览器默认设置而获得的颜色。您需要定义规则以覆盖它们。

创建运行代码段或Fiddle告诉我更多帮助我知道文本装饰不用于设置颜色-我不希望我的链接有任何装饰，它会自动将我的文本颜色设置为紫色。无论如何，我必须设置颜色：继承；要解决这个问题，谢谢。

&.feature-box__link {
    &:link,
    &:visited {
      text-decoration: none;
      color:black;
    }
  }