html - 使用 TailwindCSS 的 CSS 内容

Question

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

原始代码：

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

CSS：

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

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

score 1 · Accepted Answer

你可以使用类after:content-['/']

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

1 回答 1