TailwindCSS 是如何实现断点前缀功能的？
How does TailwindCSS achieve the breakpoint prefix functionality?
在 TailwindCSS 中您可以指定这样的代码：
<div class="bg-red-500 sm:bg-green-500 md:bg-blue-500></div>
因此默认颜色为红色，在 "sm" 断点处为绿色，在 "md" 断点处为蓝色。
您可以将任何实用程序 class 分配给任何断点，方法是在断点前加上对应的字母和“:”。
TailwindCSS 是否简单地生成每个实用程序 class for/within 每个定义的断点？
简答
是的，它会按照 tailwind 配置文件中的定义生成所有内容。
更长的答案
它根据配置生成所有 类。这是为了让您的开发生活更轻松，因此您不必担心哪些 类 已定义，哪些未定义。
现在您可能不想要生产环境中提供的所有 类 tailwind，只想要您实际使用的那些。如果您想了解更多关于如何控制文件大小和删除未使用的 css，请阅读 tailwind docs.
在 TailwindCSS 中您可以指定这样的代码：
<div class="bg-red-500 sm:bg-green-500 md:bg-blue-500></div>
因此默认颜色为红色，在 "sm" 断点处为绿色，在 "md" 断点处为蓝色。
您可以将任何实用程序 class 分配给任何断点，方法是在断点前加上对应的字母和“:”。
TailwindCSS 是否简单地生成每个实用程序 class for/within 每个定义的断点？
简答
是的，它会按照 tailwind 配置文件中的定义生成所有内容。
更长的答案
它根据配置生成所有 类。这是为了让您的开发生活更轻松，因此您不必担心哪些 类 已定义，哪些未定义。 现在您可能不想要生产环境中提供的所有 类 tailwind，只想要您实际使用的那些。如果您想了解更多关于如何控制文件大小和删除未使用的 css，请阅读 tailwind docs.