某些组件上的顺风CSS类不起作用
我有一个使用NextJS和ReactJS创建的项目。我已经安装了TailWind CSS，并在‘Components’文件夹中的一些组件中使用。 我在同一个‘Components’文件夹中又创建了一个组件，名为‘Thumbnail.js’。我想使用h-2 truncate p-2在‘缩略图’内的p标记中。他们没有表现出对部件的任何影响。在Chrome调试器中甚至看不到这些类名。 在我使用过
..
tailwind-css相关内容
在我更改并保存Styles.scss或Tailwind.config.js文件中的某些行之前，顺风CSS类不起作用
我使用的是最新的角度和顺风的css版本！它工作正常！ 但我更改了一些顺风css类并保存了HTML文件，但顺风css类没有立即加载！
至
我必须更改style.scss文件或Tailwind.config.js文件中的某些内容，然后将其保存以反映新
..
如何在不触发悬停或其他状态更改的情况下使用Tailwincss淡出文本背景颜色？
当新文本有条件地出现时，我希望使用临时琥珀色背景提醒您注意它，该背景在出现300毫秒后变为透明(类似于Stack Overflow所做的操作)。 文本有条件显示时的屏幕截图： ~~~ ~~~ 这就是我想要的300毫秒后(文本不变)： ~~~ ~~~ 谢谢您的帮助。 推荐答案 这行得通！ 注意：我将背景动画放在标记中，嵌套在
标记中，这样背景就不会伸展
..
如何防止LARLAVEL Jetstream MODEL在点击背景时关闭？
我想把jetstream modal static..仅当通过“取消”按钮完成单击时才取消。 在Bootstrap中我可以这样做 $('#myModal').modal({ backdrop: 'static', keyboard: false }) 推荐答案 我找到的解决方案是在发布JetStream组件后删除模式组件中的x-on:click事件。 更改此设置
..
与Laravel Jetstream一起使用时，顺风颜色无法编译
我安装了Laravel Jetstream并使用顺风CSS，但是使用顺风组件时默认颜色不起作用。 我只想使用默认颜色，还不想使用自定义颜色。 trawind.config.js const defaultTheme = require('tailwindcss/defaultTheme'); module.exports = { mode: 'jit', pur
..
拖尾css+Nuxt背景图片
我在Nuxt项目中使用TailwinCSS，并尝试将背景图像添加到Header元素。针对这一问题的tawincss官方文档解决方案如下：
我的bitcoin.jpg图像所在的webpack资产文件夹中有一个图像文件夹。 我已尝试使用
..
在VITE2中，如何将ESModule导入到trawind.config.js中
生成Vite2应用程序。 尝试在tailwind.config.js中导入ESModule。 该模块的导出方式如下： export default xxx; 然后我在tailwind.config.jsLike： 中导入了模块 const xx = require('./xx/xxx'); 但我收到一个错误： [plugin:vite:css] Cannot use
..
如何在TailWind CSS中使用具有任意值的类
我是Tailwindcss的新手。通过链接https://tailwindcss.com/docs/just-in-time-mode#arbitrary-value-support，我看到我们可以使用具有任意值的类，如 class="bg-[#1da1f1]" 但浏览器看不到包含[、]、#等字符的类。 那么如何使用它们，或者如何在TailWind中使用它们？我不明白 css
..
&@顺风屏风的作用是什么？
我最近正在学习Tailwincss，我不懂@tailwind screens; Offical Doc 谁能解释它或显示用法？ 推荐答案 我在官方的存储库测试文件中找到了它。 @tailwind screens;只是一个锚，生成的@media样式将被注入其中，而不是样式表的末尾。 @tailwind screens;肯定是从tawincss v2.2开始就不推荐使用了
..
UnhandledPromiseRejectionWarning：错误：找不到模块Heroku错误
我在生成Reaction项目时遇到此错误： "devDependencies": { "@iconify/react": "^3.0.1", "autoprefixer": "^9.8.6", "postcss": "^7.0.36", "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.7", } 部署项目时出现此Heroku错误
..
NextJS-无法在TailWind中使用自定义颜色
我正在尝试使用带有顺风css的NextJs来做一个项目。但是，每当我尝试使用自定义颜色作为背景颜色时，都会抛出以下错误： Failed to compile ./styles/globals.css:7:12 Syntax error: /Users/anishkunapareddy/Desktop/Projects/React/hulu-clone/styles/globals.css T
..
不能使用带有REACT的变量选择Tailwincss类
我有一个变量，我想用它来定义一个带有Tailwincss的类： const frac = // some integer between 0 and 12 使用此变量，此类定义按预期工作： className={ (frac === 0 ? "w-0" : "") + (frac === 1 ? "w-1/12" : "") + (frac ==
..
不使用TailWind css缩小css文件
我正在尝试将TailWind用于我的项目。但我无法缩小我的css文件。 这是我的项目的结构： gupfile.js： const gulp = require('gulp'); const babel = require("gulp-babel"); const watch = require('gulp-watch'); const browserSync = require(
..
覆盖链式选择器上的TailWind css@Apply指令
有什么方法可以覆盖链接选择器上的@apply指令吗？ 示例：https://play.tailwindcss.com/2nmGe5yad3 HTML
Item 1
Item 2
..
尾风中不透明的背景图像
我正在尝试重新创建一个从普通的css到tawincss的项目。但我尝试了很多选择，都失败了。 这是css代码： header { background: linear-gradient(rgba(135, 80, 156, 0.9), rgba(135, 80, 156, 0.9)), url(img/hero-bg.jpg); background-repeat: n
..
React和TailWind CSS：未应用动态生成的类
我刚刚学习了Reaction和TailWind CSS，并且对使用TailWind类的CSS网格有过一次奇怪的体验。我已经制作了计算器的按钮，最后一个按钮横跨两列： App.js： export default function App() { return (
..
REACT-Native-Rn顺风不产生尾风.json
我按照安装REACT-Native-Rn的所有步骤操作。 起初一切正常，但当我将input.css移动到src/css/input.css时，它只生成src/css/tailwind.css，而不是src/css/tailwind.json文件 我确实修改了package.json处的行，使它们看起来如下所示。 "build:tailwind": "tailwindcss --i
..
不能使用顺风类
我是NodeJS和Tail Windcss的新手，我学习了https://tailwindcss.com/docs/installation官方安装文档中的安装教程。但在完成了所有步骤后，不知何故，我仍然不能使用顺风类。有什么额外的步骤需要我遵循吗？还是有什么地方有问题？ 我已经尝试重新安装TailWindcss甚至节点，但问题仍然存在。 推荐答案 安装tailwindcss包后
..
尝试使用顺风css构建布局
我尝试使用顺风CSS构建此布局，但我搞不清楚 layout i want to create my layout
..
无法在React项目中上载taiwindcss
我正在尝试在Reaction项目中使用TailWind CSS。我遵循了here中的文档中给出的步骤。但在完成所有步骤后，我看不到顺风CSS的变化。 我像这样添加文件Home.js中的样式， import React from "react"; . . . return (
..