我是顺风 css 的新手。在这种情况下，悬停动画不起作用。当有人将鼠标悬停在组上时，我希望背景具有动画效果，但这并没有发生；相反，始终显示背景颜色。

我是打字稿的新手，我试图了解我做错了什么。

我已经安装了@types/tailwindcss 2.2.4 版，我正在尝试创建一个应该使用主题颜色的 toast，所以这里是代码：

但this.colors.white抛出一个错误说：

TS2339: Property 'white' does not exist on type 'TailwindThemeColors'

我TailwindThemeColors在@types/tailwindcss 中进行了跟踪，它是：

我从中删除了这部分((getters: { theme: any; negative: any; colors: any; breakpoints: any }) => T) |并且它工作了，但是你知道，这是一个外部包，不应该这样操作。

我试图了解我做错了什么？以及我删除的这行代码，因为我在研究 Typescript 文档时没有找到它。

有没有办法在不忽略错误的情况下设置正确的类型？

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

原始代码：

CSS：

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

我的自定义不起作用，你能帮忙吗？我可以用 css 以不同的方式编辑它吗？

我的html：

tailwind.config.js：

我在使用 esbuild 的 Rails 7 上。我正在使用tailwindUI。仅使用 css 组件时它可以正常工作。当一个组件使用 JS 时，它就不再工作了。例如，下拉菜单默认打开，我无法关闭它。我在 tailwind.config.js 中添加了 require('@tailwindcss/ui')

Rails 7.0.0.alpha2 ruby​​ 3.0.2p107 "@tailwindcss/ui": "^0.7.2"

任何想法？

我正在使用line-clampTailwind 并尝试使用自定义 DOM 截断省略号。有没有办法通过 Tailwind 做到这一点。

这是 .web 链接：https ://al-realtor.web.app 这是我的 .firebaseapp 链接：https ://al-realtor.firebaseapp.com

显示我的网站 未找到网站！但是显示一切的 FirebaseApp 都很好

我在我的代码中使用：

• 反应
• 顺风
• 字体真棒
• 反应路由器

我的代码没有错误。它在 netlify 和 .firebaseapp 上运行，但不仅是 .web 应用程序

当模式很暗时，我需要反转颜色。当我尝试申请时dark:invert，出现以下错误

我想在tailwindcss中添加之前和之后的伪元素但是YouTube上没有教程视频，所以我尝试阅读tailwindcss官方文档，但它不起作用。我做了和tailwindcss doc中写的一样的事情。

我的 HTML 和顺风 CSS 标签。

我的 package.json 文件

我已经成功地使用tailwindcss-railsgem（通过rails new testapp -css tailwind）让 Tailwind CSS 在 Rails 7 中工作。

一些交互式项目（如下拉菜单）不起作用，因为它需要 JS。所以我跑了bin/importmap pin tailwindcss，它安装了一堆插件importmap.rb：

我可以看到它出现在浏览器（最新的 Chrome）中，但没有一个交互式项目起作用：

我不太擅长 JavaScript，我错过了什么？我需要在某处初始化一些东西吗？

谢谢