Tailwind создать глобальный стиль для ссылки Laravel 8

Попутный ветер удаляет стиль по умолчанию для ссылки, я пытаюсь добавить подчеркивание ко всем ссылкам.

Я пытался

@layer base {
  a {
    @apply underline;
  }

Но я понятия не имею, где разместить код, я пробовал использовать тег стиля в своем html-файле макета, но он не работал.

Я пытался

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

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

Это тоже не работает, без подчеркивания.

но как это работает

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

Что мне не хватает? Почему @apply не работает? и как создать глобальный стиль?


css laravel tailwind-css laravel-8 laravel-livewire
person Tom Kur    schedule 16.01.2021    source источник
comment
Код @layer ... должен быть в вашем resources/css/app.css файле под импортом попутного ветра. Запустите еще раз npm run dev, чтобы обновить скомпилированный css, и он должен работать.   -  person IGP    schedule 17.01.2021
comment
его работа, другой вопрос, если я просто хочу, чтобы ссылки на определенной странице html были затронуты. Обычно я могу просто использовать ‹style›, как это сделать с попутным ветром?   -  person Tom Kur    schedule 17.01.2021
comment
Добавьте класс к определенным страницам, к которым вы хотите применить этот стиль, а затем укажите только все ссылки в созданном классе.   -  person ByWaleed    schedule 17.01.2021

Ответы (1)


arrow_upward
1
arrow_downward

Вам необходимо добавить такие конфигурации в базовый макет в 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
person Digvijay    schedule 17.01.2021