Gatsby 链接无法正确呈现

Question

我不确定这是否是 gatsby 问题，总的来说，我对 Web 开发还很陌生。我在 gatsby 中创建了一个项目，我的全局布局具有深蓝色背景。我为内部 link 添加了代码，如下所示：

<p>I am a <Link to="/developer/" className={styles.clickity}>Software Developer</Link>

css class 看起来像这样：

.clickity {
    text-decoration: none;
    color: #AFAF6D;
}

这样做的结果是 link 看起来像一个油炸模因，即 just weird (screenshot)

有什么我遗漏的吗？

Answer 1

看起来它有一个 text-shadow 属性。我会设置 text-shadow: none

Gatsby links not rendering properly