带有 nextjs 的链接组件不起作用（不可点击？）

【问题标题】：Link component with nextjs doesnt work (not clickable ?)带有 nextjs 的链接组件不起作用（不可点击？）
【发布时间】：2022-12-14 00:18:28
【问题描述】：

处理一些网站草稿，

我有一个我不明白的问题我的 < 链接 > 都不可点击。我使用 nextjs 链接组件，通过检查我的页面，我似乎一切都按预期生成

<Link href={`/about/about-dark`}>
    <a
     className="butn bord curve mt-40 wow fadeInUp"
     data-wow-delay=".8s"
>
      <span>Discover</span>
    </a>
</Link>

更奇怪的是，我的菜单中的链接有效，但我的按钮却没有。

这里有一个演示：https://main.d3jahvwbjvsmfk.amplifyapp.com/

【问题讨论】：

标签： reactjs next.js

【解决方案1】：

嗨@xif

正如您在 <canvas> 标签中所见。有很多!important对你很重要，我不知道为什么。也许这很重要。为什么。

中的 !important 关键字CSS在 CSS 中过度使用它通常被认为是不好的做法。这是因为它会使您的 CSS 代码更难阅读和维护，并且也很难覆盖或更改标记为 !important 的规则。除了使用 !important` 关键字，通常最好使用更具体的选择器或更有条理的 CSS 结构来为所需的规则提供更高的优先级。

最好尽可能避免使用 !important，而是使用更易于维护和扩展的 CSS 技术。

因此，请删除您在canvas 上的所有!important。然后它的工作正常。

【讨论】：