tailwindcss 字符串变量

在TailwindCSS中，可以使用`@apply`指令将一组CSS样式应用于元素。同时，可以使用字符串变量来动态地设置样式。

例如，我们可以定义一个字符串变量来表示文本颜色：

/* 定义一个字符串变量 */
@layer utilities {
  --text-color: #333;
}

/* 使用字符串变量 */
.text-primary {
  @apply text-@color;
}

在上面的例子中，`--text-color`是一个字符串变量，它的值为`#333`。然后，我们可以在`.text-primary`类中使用`@apply`指令来应用`text-@color`样式，其中`@color`将被解析为`--text-color`的值，从而实现动态设置文本颜色的效果。