首頁 > web前端 > css教學 > Tailwind 提示:用一行程式碼管理一長串實用程式類

Tailwind 提示:用一行程式碼管理一長串實用程式類

DDD
發布: 2024-11-14 18:03:02
原創
468 人瀏覽過

Tailwind tip: Managing a long list of utility classes in a single line of code

在一行中管理一長串實用程式類別可能會變得笨拙。

這是 Tailwind 的內建功能 @apply,可以幫助您的程式碼更具可讀性和可管理性:

在自訂CSS中使用@apply

使用 Tailwind 的 @apply 指令,您可以透過將多個 Tailwind 實用程式分組來建立可重複使用的 CSS 類別。這有助於減少 HTML 中的類別數量,並使您的元件更有條理。

範例:

然後您可以在 HTML 中使用這個新的 .btn-primary 類別 而不是重複 Tailwind 實用程式:




<p>如果對您有幫助,您可以支持一下:<br>
https://buymeacoffee.com/kaleemelahi</p>


<hr>

<p><strong>多看:</strong><br>
領英<br>
GIthub</p>


          

            
        
登入後複製

以上是Tailwind 提示:用一行程式碼管理一長串實用程式類的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板