Tailwind 为 link Laravel 8 创建全局样式

Question

Tailwind 删除了 link 的默认样式，我尝试为所有 link 添加下划线。

我试过了

@layer base {
  a {
    @apply underline;
  }

但我不知道将代码放在哪里，我尝试在我的布局 blade html 文件中使用样式标签，但它不起作用。

我试过了

<style>
ul-link{
 @apply underline;
}
</style>

...
<div class="ul-link">Test</div>

这也不行，没有下划线。

但像这样工作

<div class="underline">Test</div>

我错过了什么？为什么@apply 不起作用？以及如何创建全局样式？

Answer 1

您需要将此类配置添加到项目中 app.css 或 app.scss 文件中的 base layout。

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  a {
    @apply underline;
  }
}

如评论中所述，如果您不希望它在全球范围内应用，请为此使用 class 名称。

  .a-line {
    @apply underline;
  }

这边

<a href="#">Text 1</a>

<a href="#" class="a-link">Text 2</a> // will have underline

Tailwind create global style for link Laravel 8