Css 尾风为link Laravel 8创建全局样式

顺风删除链接的默认样式，我尝试向所有链接添加下划线

我试过了

@layer base {
  a {
    @apply underline;
  }

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

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

但我不知道该把代码放在哪里，我试着在我的布局刀片html文件中插入样式标记，但它不起作用

我试过了

@layer base {
  a {
    @apply underline;
  }

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

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

ul链接{
@加下划线；
}
...
试验

这也不起作用，没有下划线

但是像这样工作

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

测试

---

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

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

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

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

如注释中所述，如果您不希望此项在全局范围内应用，请为此项使用类名

  .a-line {
    @apply underline;
  }

这边

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

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

//将有下划线

层…代码应该在您的

资源/css/app.css

文件中，位于tailwind imports下面。再次运行

npm Run dev

来更新编译后的css，它应该可以工作了。如果我只是想让某些html页面中的链接受到影响，这是另一个问题。通常我可以使用，如何使用tailwind？将一个类添加到您希望应用此样式的特定页面，而不仅仅是针对所创建类中的所有链接。