html - 在 TailwindCSS 中将响应类串在一起

Question

我一直在尝试用谷歌搜索这个，但我要么没有使用正确的术语，要么还没有人问过我的问题。

问题:有没有办法在 TailwindCSS 中堆叠响应式类？我想做的是改变类似的东西:

class="grid gap-12 md:grid-cols-2 md:col-gap-12 md:py-16 lg:grid-cols-3 lg:py-12"

更像是:

class="grid gap-12 md:grid-cols-2:col-gap-12:py-16 lg:grid-cols-3:py-12"

我意识到它并没有减少那么多的行长，但对我来说，将响应式类组合在一起似乎更理智一些。我是 TailwindCSS 的新手，只是想问一下这是否可行。

Answer 1

简单的简短回答是否定的，这在 Tailwind.css 中是不可能的。

这是可能的唯一方法是 creating the classes yourself或建议 on their github .