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

Question

我在div内有一个链接，并且设置了text-decoration：none;像这样的标签：

CSS（SCSS）：

&__link {
    &:link,
    &:visited {
      text-decoration: none;
    }
  }

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属性仅会删除带下划线的文本，但是文本内部仍然保持紫色，就像被访问过一样。

Answer 1

text-decoration属性未设置文本颜色。将color属性设置为所需的任何颜色。

Answer 2

您需要使用color: black;。文字颜色不是装饰。

Answer 3

为link和visited设置相同的颜色，如下所示，它与text-decoration: none无关。

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

Answer 4

根据需要设置color

&.feature-box__link

请参阅工作代码：https://jsfiddle.net/gj1cL8en/4/

Answer 5

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