为啥 Tailwind 列表样式类型不起作用

Posted 2023-03-07

【中文标题】为啥 Tailwind 列表样式类型不起作用

【英文标题】：Why Tailwind List Style type is not working为什么 Tailwind 列表样式类型不起作用

【发布时间】：2021-11-15 10:50:15

【问题描述】：

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

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

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

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

【问题讨论】：

检查渲染不正确的元素。它说什么？他们有你期望的课程吗？那么页面上加载的 CSS 文件呢？它也有那些样式规则吗？

当我检查检查元素时，它显示列表样式类型无，为什么会这样？

【参考方案1】：

您应该在preflight 文档中找到答案，更具体地说是here。

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

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

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

或使用顺风utility classes 来定位特定列表。

【讨论】：

“有序列表和无序列表默认是无样式的”——我疯了！感谢您指出链接，Mattias！