问题标签 [tailwind-css]

我有一个parent div包含一个child div. 当用户将鼠标悬停在parent div边框child div's颜色和文本应变为白色时。

我做了一个例子，No score, yet click and submit文本颜色的框应该变成白色，边框颜色应该变成白色。

我怎么能检测到这个？（我使用TailwindCss）

有没有办法使用

思考Tailwind CSS 框架

我想使用顺风约定，如：

代替

我一直在尝试调整此示例中的图标大小。

但是，无论我尝试什么，我都无法调整 svg 的大小。我究竟做错了什么？

我想使用 CSS 和前面的文本创建一个响应式背景图像平行四边形，只有一侧倾斜。它还应该覆盖两种不同的背景颜色。

这就是我想要实现的目标：

这是我的 CSS：

我创建了一个带有工作示例的 CodePen，但我无法让 SVG 做出响应。

所以问题是：如何让 SVG 响应式？

我试图让 Webpack 与 PostCSS 一起工作，但遇到了麻烦。它可以很好地缩小 JavaScript，但对 CSS 没有任何作用。我已经根据示例尝试了各种配置，但无法使其正常工作。

我这样做的主要原因是让 PostCSS 使 TailwindCSS 在构建时工作，而不必运行 CLI 命令。

网络包配置：

PostCSS 配置：

包.json

我正在尝试在全新的 CRA 2.0（特别是 2.1.2）中设置 tailwindcss 并使用 typescript。

我无法覆盖 "isolatedModules": true 标志而没有 CRA 覆盖它。

我试图通过更改 modules.export 的导出样式并强制配置为 false 而不是删除它来解决这个问题。我读到您还可以创建一个单独的 tsconfig.json，扩展您的旧文件并覆盖那里的更改，但这似乎很老套。

tsconfig.json

postcss.config.json

这就是我的 npm start 吐出的内容

我可以看到我的应用程序编译、工作，然后在页面被一个红色错误框替换之前绘制到页面上，上面写着

如何在不弹出或扩展我的 tsconfig.json 并在整个应用程序中使用修改后的版本的情况下覆盖它。

更新：我能够通过弹出我的应用程序并直接进入 webpack-config 以删除 isolatedModules 标志来解决此问题，而不是我想要的方式，但它确实有效。

我对 Tailwind 很陌生，想将其合并到现有的 react 项目中。我可以将 Tailwind 与我当前的所有 CSS/sass 文件一起使用吗？还是我需要从造型重新开始，只使用 Tailwind？

我想让右栏中的内容垂直滚动。谁能告诉我我在这里做错了什么？

我按照本教程将 Tailwind 添加到现有的 CRA 应用程序，生成了 css，但它没有使用此脚本启动服务器：

"watch:css": "postcss src/styles/index.css -o src/index.css -w"

这是日志：

它从不调用脚本的其他部分。

我正在尝试部署一个 vue-cli-3 项目。我使用 TailwindCSS 并创建了一个vue.config.js文件，它正在工作，但不包括响应类。我在 webpack.config.js 文件中使用提取器搜索了一个正则表达式，但它没有用。我应该怎么做才能让这个工作？

这是我的vue.config.js文件

我应该把提取器数组放在哪里？