Nou Generator de prompt AI — scrie prompturi mai bune pentru ChatGPT, Claude și Gemini →
dexblog.ro
Acces rapid: Învață AI Învață Programare Specificații Dispozitive Comparații
TW Toate comenzile Tailwind CSS

Directiva @apply în Tailwind CSS în Tailwind CSS

Directive și configurare CSS (Tailwind v3 & v4) Toate versiunile Tailwind Q&A / Distribuie cod

Încorporează clase utilitare Tailwind existente în interiorul unei reguli CSS clasice personalizate.

Sintaxă 
.buton-primar { @apply px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700; }

Ce este directiva @apply

Directiva @apply permite refolosirea claselor utilitare Tailwind în interiorul fișierelor CSS externe. Este foarte utilă când doriți să extrageți modele de componente repetitive (cum ar fi stilul de bază al butoanelor) fără a crea componente JavaScript sau când integrați librării terțe ale căror clase HTML nu le puteți modifica direct.

Exemplu Concret: Crearea unei clase CSS reutilizabile cu @apply
.btn-actiune {
  @apply inline-flex items-center justify-center px-4 py-2 text-sm font-medium rounded-md shadow-sm transition-colors;
}

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Directiva @apply în Tailwind CSS

Ai o nelămurire despre utilizarea comenzii Directiva @apply în Tailwind CSS sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.