Javascript 有没有办法在我自己的css声明中连接现有的Tailwind类？

我不知道如何恰当地表达这个问题。我正在学习《顺风》，我忍不住注意到编写是多么肮脏，因为html可以成为一个元素中不同类组合的大汤，我基本上必须为我基本上编写的每个普通元素重复它们。我可能做错了，所以请纠正我

我想知道是否有一种方法可以将css类放入css声明中，可能使用css处理器

。此按钮{
.bg-red-500
.圆形lg
.影子lg
.设置反弹动画
}

---

我很确定这也可以通过Javascript实现。我希望能用Sass找到解决方案，但一切都会很好。对于管理元素中的长顺风类组合，你们推荐什么是一种好的做法？

在sass中，您可以通过以下方式混合您的类：

.some-class {
    @extend .bg-red-500
    @extend .rounded-lg
    @extend .shadow-lg
    @extend .animate-bounce
}

现在，一些类包含这些类中的每个属性

---

在纯css中，可以使用@applay指令。例如

.btn{
@应用px-4 py-2圆形字体半加粗bg-gray-200文本黑色；
}

在sass中，您可以通过以下方式混合类：

.some-class {
    @extend .bg-red-500
    @extend .rounded-lg
    @extend .shadow-lg
    @extend .animate-bounce
}

现在，一些类包含这些类中的每个属性

---

在纯css中，可以使用@applay指令。例如

.btn{
@应用px-4 py-2圆形字体半加粗bg-gray-200文本黑色；
}

是的，可以使用“提取组件”完成

请参考此链接

在执行尾风导入的

.css

文件中，可以使用

@apply

指令

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

@layer components {    
  .this-button {
     @apply bg-red-500 rounded-lg shadow-lg animate-bounce;
  }
}

---

对于

SASS

请参阅此链接，

是的，可以使用“提取组件”完成

请参考此链接

在执行尾风导入的

.css

文件中，可以使用

@apply

指令

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

@layer components {    
  .this-button {
     @apply bg-red-500 rounded-lg shadow-lg animate-bounce;
  }
}

---

有关

SASS

的信息，请参阅此链接，

Dude！你太棒了。非常感谢你。今晚我要试试这个。祝你有美好的一天！伙计！你太棒了。非常感谢你。今晚我要试试这个。祝你有美好的一天！