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