VS 代码：Tailwind CSS - 警告“未找到 CSS 类选择器‘焦点’”

Posted 2023-03-06

【中文标题】VS 代码：Tailwind CSS - 警告“未找到 CSS 类选择器‘焦点’”

【英文标题】：VS Code: Tailwind CSS - Warning "CSS class selector 'focus' not found"

【发布时间】：2021-04-08 13:58:42

【问题描述】：

我正在使用 VS Code 并使用 Tailwind CSS 进行编码。但在 VS Code 中，我收到以下错误：

CSS class selector 'focus' not found

我的代码：

<input class="focus:outline-none focus:ring-1 focus:ring-indigo-600 focus:border-transparent">

【问题讨论】：

我使用 Sublime Text，就我而言，任何具有焦点的 Tailwind 类：根本不起作用。如果有人能指点一下，将不胜感激！

【参考方案1】：

这不一定是错误，而更多的是警告。您可能有一个类似 CSS Peek 的扩展，它会查找 focus 选择器，但找不到。为了回答UX Andre 的问题，默认情况下，focus 变体对here 列出的核心插件启用。您还可以通过在tailwindconfig.js 的variants 部分中声明focus 变体来扩展它的使用。