Tailwind 设置样式权重

2 min read

在使用Tailwindcss的样式时会发现后定义的样式会覆盖掉前面定义的样式,在CSS中样式类的权重和使用时类顺序无关,和在类文件定义的类的先后顺序有关,后定义的类名的权重更高,如下同时使用bg-gray-100,bg-gray-500,bg-gray-500会应用上去

解决办法

  • 再嵌套一层样式,根据CSS的就近原则
  • 使用style