尾风 |如何重写自定义顺风类

Question

如果需要，我想重写我的 .title 类元素。

.title {
    @apply text-[60px] leading-[64px] font-black text-white;
}

<div class='title text-red-300'> <==== how can I change text color to be red and not white?

Answer 1

把它放在components 层里面。 DEMO

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

@layer components {
  .title {
    @apply text-[60px] leading-[64px] font-black text-white;
  }
}