我正在尝试对类进行分组，以便代码更加清晰易读。在 Tailwind 的文档中，它谈到了“@apply”，它可以用于此目标，但我正在使用 CDN，因此这对我不起作用。所以我的问题是，\xc2\xbf有什么形式可以实现我正在寻找的东西吗？也许使用 SASS/SCSS 或 LESS？
\n这是我想要的一个例子：
\n<ul class="md:flex md:items-center z-[-1] md:z-auto md:static absolute bg-gray-800 w-full left-0 md:w-auto md:py-0 py-4 md:pr-0 pr-7 md:pl-0 pl-7 md:opacity-100 opacity-0 top-[-400px] transition-all ease-in duration-200">\n <li class="nav-element">\n <a href="#" class="text-x1 md:hover:text-yellow-300 duration-500">Home</a>\n </li>\n <li class="px-4 py-6 md:py-0 hover:bg-yellow-500 md:hover:bg-transparent text-white duration-500">\n <a href="#" class="text-x1 md:hover:text-yellow-300 duration-500">About Us</a>\n </li>\n <li class="px-4 py-6 md:py-0 hover:bg-yellow-500 md:hover:bg-transparent text-white duration-500">\n <a href="#" class="text-x1 md:hover:text-yellow-300 duration-500">Services</a>\n </li>\n <li class="px-4 py-6 md:py-0 hover:bg-yellow-500 md:hover:bg-transparent …