css 链接在文本内时的颜色继承

Question

文本颜色在容器内设置为白色，其中包含文本。 但是文本中的链接没有显示为白色而是蓝色。

我正在使用材料 ui styles。

已经试过了，重要的标签，还是不行

Answer 1

发生此问题可能是因为您链接了另一个覆盖您的 css 的库如果这是正确的，您应该在库的链接之后链接您的 css

<link rel='stylesheet' href='library'>
<link rel='stylesheet' href='your_css'>

或者你可以这样做

.container a {
  color: white !important;
}

我希望这可以帮助你

Answer 2

a 标签的默认css 颜色值不是继承而是内部值，因此要更改链接的颜色，您必须为 a 标签指定 css 规则或使用 class

a {
   color: white;
}

/* or */

.link {
   color: white;
}

<div>
some text .... <a class="link" href="">link</a>
</div>