Css 内容使用 TailwindCSS

Question

我正在努力转换以下代码片段以使用 Tailwind css 但到目前为止没有成功。

原始代码：

<li>
   <Link to="/test">abc</Link>
</li>

css：

ol li:not(:last-child)::after {
  color: red;
  margin: 0 10px;
  content: '/';
}

有没有办法摆脱 css 文件并将所有这些规则放在顺风中？ 具有该内容的部分/似乎是不可能的。

Answer 1

您可以after:content-['/']使用 class

<li>
  <a 
    class="after:content-['/'] after:inline"
    href="/test">abc
  </a>
</li>