最开始修改主题的过程中，老是碰到修改了css（尤其是需要加margin的时候）却不生效的情况。试了很多办法，都没找到原因。包括但不限于：

• 使用 ! 符号强行提升优先级，但是最后发现只有部分可行。
• 怀疑过是缓存问题，但是在经历过docker新建容器+完全清理项目缓存+无痕模式测试都不行之后，遂放弃。
• 检查过Tailwind配置文件的content，确定content列表包含所有的html文件。所以说也不是这个。

网上查了一圈，说有可能是类名的问题。但是只有动态类名（会导致无法被识别）才会有问题，我就是一个简单的m-8。

对比过修改前后生成的css文件，发现居然没有一点变化。OK，源头就在这，但是不知道原因。

最后实在没办法，都想着要不然直接用th加上style也能勉强够用。不过，后来看了官方文档才发现，一切的源头是Tailwind最开始导入的三个库的顺序搞错了！！！

如下所示，正常来说，应该是这么个顺序：

@tailwind base;
@tailwind components;
@tailwind utilities;

但是halo默认的主题，utilities却排在第二个。也是因为这个原因，新修改的css才不生效。