Petua Tailwind: Mengurus senarai panjang kelas utiliti dalam satu baris kod

Mengurus senarai panjang kelas utiliti dalam satu baris boleh menjadi sukar digunakan.

Berikut ialah ciri terbina dalam Tailwind @apply yang boleh membantu menjadikan kod anda lebih mudah dibaca dan diurus:

Gunakan @apply dalam CSS Tersuai

Dengan arahan @apply Tailwind, anda boleh mencipta kelas CSS boleh guna semula dengan mengumpulkan berbilang utiliti Tailwind. Ini membantu mengurangkan bilangan kelas dalam HTML anda dan memastikan komponen anda lebih teratur.

Contoh:

/* styles.css */
.btn-primary {
  @apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
}

Anda kemudian boleh menggunakan kelas .btn-primary baharu ini dalam HTML anda dan bukannya mengulangi utiliti Tailwind:

butang<



<p>Jika ia membantu anda, anda boleh menyokong:<br>
https://buymeacoffee.com/kaleemelahi</p>


<hr>

<p><strong>Ikuti untuk lebih lanjut:</strong><br>
Linkedin<br>
GIthub</p>


          

            
        

Atas ialah kandungan terperinci Petua Tailwind: Mengurus senarai panjang kelas utiliti dalam satu baris kod. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!