带前缀类的顺风负值

Question

在我的tailwind.config.js中，我设置了这个

module.exports = {
  prefix: "tw-",
}

然后我尝试了class="tw--top-4"，但是top: '-4px'没有反映出来。我读了文档，负值可以是class="-top-4“，但是您想用前缀来使用它呢？我也试过class="-tw-top-4"，但没有运气。

Answer 1

现在的工作变量是tw--top-4 (但出于某种原因，自动完成显示了-tw-top-4，可能是一个bug)，因此否定出现在前缀之后。有一个关于它的讨论，但它是这样的。

要实际应用它，还需要为元素添加位置，例如relative或absolute等等(不要忘了前缀)

示例：

<div class="tw-text-red-500 tw-relative tw--bottom-4">
  One
</div>
<div class="tw-text-green-500">
  Two
</div>
<div class="tw-text-blue-500">
  Three
</div>

游乐场