导入Tailwind时CSS文件出现警告，是否正常及如何消除？

这是正常现象吗？ #

这类警告大多是编辑器/IDE的语法检测工具（比如VS Code自带的CSS校验）不识别Tailwind的自定义类名导致的，属于新手使用Tailwind时的常见情况，不会影响项目的实际运行。

消除警告的简单方法（适合新手，不会搞砸项目） #

• 安装Tailwind官方IDE插件：比如在VS Code里搜索安装Tailwind CSS IntelliSense，它能让编辑器自动识别Tailwind的类名，不仅能消除警告，还能提供类名补全、悬停提示等功能，是最省心的方案。
• 配置校验工具忽略Tailwind类名：如果不想装插件，可以在项目根目录新建一个.stylelintrc文件（如果用的是stylelint校验），写入以下内容：

{
  "rules": {
    "selector-class-pattern": null
  }
}

要是用的是CSSLint，就新建.csslintrc文件，写入：

{
  "adjoining-classes": false
}

• 确保Tailwind引入正确：如果是用CDN引入，检查<link>标签的链接是否是官方最新的；如果是本地安装，确认tailwind.config.js配置正确，且CSS文件里写了@tailwind base; @tailwind components; @tailwind utilities;这三行指令。

内容的提问来源于stack exchange，提问作者Dorian Martinez