أستعمل tailwind مع next.js عندما أكتب كلاسات معينة ك hover أو focus أو تحديد عرض الشاشات مثل md:example يظهر هذا الخطأ.
في Tailwind يتم كتابة الموجهات directives مثل hover و dark و rtl .. إلخ بدون وجود مسافة بينها وبين الخاصية، مثال:
hover:bg-gray-500 dark:bg-white rtl:ml-4
في حالة وجود مسافة في أي صنف Class من الأصناف السابقة سوف يتم إعتباره صنفين منفصلين.
حاول إزالة المسافة الإضافية من الكود الخاص بك، ليصبح على النحو التالي:
@apply cursor-pointer hover:underline;
شكرا لك
مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.
صمم موقعك كاملا بالسحب والإفلات بدون خبرة برمجية، واحجز مكانك على الإنترنت.
التعليقات