Less 不会应用带有点 (.) 的 Tailwind CSS 类名

Posted 2023-03-06

【中文标题】Less 不会应用带有点 (.) 的 Tailwind CSS 类名

【英文标题】：Less wont apply Tailwind CSS classname with dot (.)

【发布时间】：2021-05-15 09:19:26

【问题描述】：

如何应用包含带有 Less 的点的 Tailwind CSS 类名？转义 (\) 不起作用。 我可以在 Sass 中毫无问题地使用此代码：

@apply py-0.5;

语法错误：0.5 类不存在。如果你确定 0.5 存在，确保任何 @import 语句正在 在 Tailwind CSS 看到您的 CSS 之前正确处理，因为 @apply 可以 仅用于同一 CSS 树中的类。 (7:4)

其他 Tailwind CSS 类名也可以正常工作。

【参考方案1】：

这很可能与 Less 解析输入的方式有关。你可以use ~ to escape类名。

@apply ~"py-0.5";

【讨论】：

非常感谢！我已经用谷歌搜索了它，不知道发生了什么（也是第一个！）。希望这个问题/主题对其他人也有帮助 =) 再次感谢！

你知道如何在 SCSS 中做同样的事情吗？

@Tonio 这可能与您有关：sass-lang.com/documentation/values/strings#escapes。