我是一個初學者，我一直在研究angular，并決定使用tailwind進行造型，因為每個tailwind類都是內嵌的，按鈕的樣式類變得很大，為了使用那個按鈕，我必須在任何地方使用那個類。這使得代碼看起來讓人不知所措，維護變得很痛苦。

我的問題是如何使用tailwind制作一個全局的按鈕樣式，我也有多種樣式的按鈕，如按鈕無背景，按鈕背景紅色

我嘗試使用@apply指令在angular的styles.css中定義它們

@tailwind base;
@tailwind components;
@tailwind utilities; 
.button-no-bg{
  @apply bg-white text-blue-500 border p-1 px-8  text-xs font-bold border-blue-500;
}
.button-red-bg{
  @apply ......;
}

為了避免代碼重復，我想知道如何使一個按鈕類具有多個按鈕名和它們相關的類。如果不是完整的答案，請分享參考。

我非常非常新手順風有角，不太確定這種方式是& quot更好& quot方式，但等待另一個更好的回應...

按照文檔中的說明進行操作，但不要將styles.css中的@tailwinds包含在一個新文件styles-tailwinds.css中

按時執行

npx tailwindcss -i ./src/styles-tailwinds.css -o ./src/output.css --watch
//and
ng serve

第一個使styles-tailwinds.css中的任何更改在src/output.css中創建新文件

編輯angular.json來添加它。css，所以數組樣式變成了

"styles": [
          "src/styles.css",
          "src/output.css"
        ],