问题标签 [tailwind-ui]

我是顺风 CSS 世界的新手。我尝试在顺风 CSS 中更改悬停时的颜色。我用hover:text-red-800. 我尝试了两种方法。但是悬停颜色没有改变。

第一种方式

第二种方式

在这两种方式中，悬停颜色都不会改变。请告诉我我在做什么。我的tailwind.config.js档案。

我的postcss.config.js文件看起来像

有没有办法在 Tailwind CSS 中围绕屏幕类型包装样式？

例如：下面不起作用。

下面确实有效，但是我正在重复每种样式的屏幕类型。

我试过引号，但这不起作用。

我使用tailwind css来构建我的nextjs应用程序，所以我从tailwind ui复制了这个模板，它说要让它正常工作我必须..

我不确定我必须在哪里更新它。这就是我的 tailwind.config.js 的样子，

如果你们能帮我一把，我将不胜感激，谢谢！

这是我第一次安装和运行 tailwind CSS。我按照说明做了所有相应的事情，但随后它开始显示一些警告，如下所示

你能告诉我为什么我会收到这些警告并且无论如何要我修复它们吗？因为我担心我生成的 CSS 会丢失样式所以需要帮助来修复它

另外，我可以将顺风 CSS 保持在观看模式吗？请给我命令行或视频或向我解释解决方法？先感谢您！

我正在尝试为 Laravel 项目实现一些简单的 Tailwind CSS 组件。首先，我安装了 Laravel Breeze，它会自动安装 Tailwind CSS 和 AlpineJS。然后，我将代码更改为dashboard.blade.php使用TailwindUI 网站上的代码。

添加代码后，仪表板如下所示。

相反，它应该看起来像这样。

我尝试过 Tailwind UI 以外的组件，但没有运气。有什么我遗漏的，比如下载另一个依赖项吗？

文件和我所有的包裹（图片）

我用cdn试过了，效果很好，但为什么我不能用cli很好地使用它

Talwind CSS 不适用于 React。我已经按照文档（https://v1.tailwindcss.com/docs/installation）安装了 Tailwind CSS，我的代码如下。

有人能帮我吗？

这是我的检查浏览器图片，以了解我的问题

这是我的 package.json 文件

下面是我的 postcss.config.js

下面是我的tailwind.config.js

后来，我编辑了我的 index.js

我还编辑了我的 App.js，如下所示

最后但现在至少这些是我生成的 style.css 文件

样式.css

我是 Svelte 和 Tailwind 的初学者，想避免 XY 问题，所以这是我的目标：

#each我在 Svelte 中生成带有循环的表格行。（每行 6 个值）。我现在想根据一个值（电池电量）有条件地为该行的背景着色。

我的想法是根据这个值有条件地渲染不同的标签。像这样：

但这不起作用，因为 Svelte 希望看到标签关闭为完整的元素，而不是零碎的代码，足够公平。

那么有没有一种好方法可以根据解压缩的值更改顺风背景颜色#each？

在我的博客页面中，我使用的是 markdown 和 Tailwind。对于无序列表，当我使用prose-lg类时，项目符号不显示。但是，当我只使用散文类时，它工作得很好。

当我使用散文类时，这是输出

当我使用 prose-lg 类时，这是输出（我需要使用 prose-lg 类，因为散文类中的字体很小）

请帮我解决这个问题。我也看到了，在assets/node_modules/@tailwindcss/typography/src/index.test.js文件 .prose ul > li::before中有content: \\"\\";但.prose-lg ul > li::before没有它。我需要在这里做什么吗？

我正在使用 TailwindUI 中的两个组件（都是免费的），并且需要一些有关如何修改实用程序类的帮助，以便我可以解决以下问题：

我正在为我的导航栏标题使用没有自定义的默认导航栏组件（在此处链接）

我正在为我的英雄部分使用没有自定义的默认英雄标题组件（在此处链接）。

当我组合这两个组件并从 hero 组件中删除默认导航时，我需要修复一个“间隙”（见下图）：

我怎样才能解决这个问题并像默认英雄组件一样继续这个角度（红色区域是我想要删除的）？

我在这里设置了顺风播放编辑器：https ://play.tai​​lwindcss.com/0uIF0qmBZB?layout=horizo​​ntal