css - 为什么 Tailwind 列表样式类型不起作用

Question

我已经使用 npm 安装了 Tailwind CSS，我正在使用"tailwindcss": "^2.2.15"版本。当我尝试在我的段落上应用列表样式类型时，它不起作用，它不会显示任何带有内容的样式类型。

这是我在 CODE 上运行良好的play.tailwindcss.com 代码

但是当我在本地代码编辑器中编写完全相同的代码时，它并没有按预期工作。

我在本地运行时完全相同的代码的屏幕截图。

标签： csstailwind-css

Answer 1

您应该在预检文档中找到答案，更具体地说，请点击此处。

作为一种解决方案，您可以添加自己的基本样式来覆盖tailwind.css文件中的此默认行为，就像所有列表一样：

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  ul, ol {
    list-style: revert;
  }
}

或者使用顺风实用程序类来定位特定列表。