我正在使用Tailwind CSS 1.6.x，并尝试将以下CSS转换为使用Tailwind样式。所以我必须把它添加到内联样式的末尾。
将更多的内联样式转换为Tailwind CSS实用程序类的最佳方式是什么？在理想情况下，我希望将尽可能多的内联样式移到Tailwind实用程
浏览 8提问于2020-08-01得票数 0
回答已采纳
1回答
在这些日子里，我正在为从react应用程序到react原生应用程序的转换而苦苦挣扎；在这个react应用程序中，我使用顺风来样式化组件，因此我需要将顺风类转换为内联css，这样我就可以使用在线工具将其转换为react原生样式表。有没有一种方法或工具可以从Tailwind代码中获取css？即(尾风代码)转换后的"w-full h-full bg-black“应为(vanilla css) { width :
浏览 71提问于2021-06-28得票数 1
回答已采纳
我想为我的UI创建一些自定义样式，并且在官方的Tailwind 中描述了实现它的两个选项。
到目前为止，我理解@apply只是创建了一个自定义样式类，并将其添加到Tailwind系统中。基于描述，它为顺风布局系统
浏览 11提问于2022-11-14得票数 1
回答已采纳
" %><% end %>
当表单中没有错误时，Tailwind类将按预期触发，并且样式将完美地应用到HTML中。但是，当表单抛出验证错误(假设：name字段为空)时，我无法将Tailwind类应用于有错误的字段(例如红色边框、红色文本
浏览 8提问于2022-07-15得票数 2
回答已采纳
为了开发目的，我使用 JS代码，并看到它为当前页面上使用的所有Tailwind类添加了编译后的CSS声明到<head>中的内联样式。现在，我想添加一个带有<input type="number">的简单面板，这样如果我更改输入值，相应的Tailwind类就会被更改。e.currentTarget.value;
document.querySelector('h1').classList.replac
浏览 4提问于2022-08-13得票数 0
回答已采纳
1回答
在遵循TailwindCSS配置教程使用Next.js设置它时，顶层的.css文件如下所示：@tailwind components;我的问题是:这是做什么，它是如何抓取和利用顺风CSS文件？
浏览 7提问于2022-07-21得票数 0
在以前的项目中，当使用前端组件时，我习惯于通过使用内联HTML类来自动采用样式。当我学习教程时，我意识到我必须重新运行npx tailwindcss -i ./static/src/style.css -o ./static/css/main.css来生成最新版本的顺风css类，这是我在style.css中定义的。#1最新css的自动生成
这应该允许我添加顺
浏览 3提问于2022-04-15得票数 1
我使用PUG + Tailwind + PostCSS作为一个静态的单页HTML文件，该文件是使用基本的NPM脚本生成的(如下所示)link(rel="stylesheet" href="styles.css")<style>
// al
浏览 10提问于2022-03-12得票数 4
1回答
我使用rails new demo -j esbuild --css tailwind创建了一个Rails 7应用程序。我对组件使用antd包，并希望使用ant设计样式表和顺风样式表。将外部样式表添加到默认样式的顺风。/bin/dev时，既没有应用antd样式，也没有在生成的app/assets/builds/application.css文件中显示这些样式类
浏览 10提问于2021-12-23得票数 2
回答已采纳
4回答
我试图制作一个从参数中改变宽度的react组件，但是它不起作用，我不知道为什么。 <div className=' h-8 w-full'>
浏览 30提问于2022-01-04得票数 7
由于我喜欢顺风，但知道它的重量，我也想有一个清除css模块。在构建过程中，我有点迷茫。
浏览 1提问于2021-04-29得票数 0
根据下面的截图，尾风css库为默认、sm、md、lg、xl、2xl屏幕大小提供了6个断点。我要两个断点。默认情况下，.container css类将具有100%的宽度，然后当屏幕大小大于1280 be时，宽度将固定在1280 be。我可以在我的css文件中创建css规则，但是，由于Tailwind提供了更改样式的tailwind.config.js文件，所以我想从js文件中创建它。如何使用.contain
浏览 6提问于2022-01-08得票数 2
1回答
在开发模式中，next.js按预期在标记中注入样式，但在生产中它同时注入类似于*.css块和标记的样式。
浏览 2提问于2022-07-03得票数 1
回答已采纳
1回答
div元素具有在样式属性中定义的内部阴影。在黑暗模式下，我想让这个阴影消失。</div>如果我删除“黑暗：”从阴影-无类，它删除阴影。但是如果我写“黑暗：”之前的阴影-无类，它不会删除阴影。请记住，背景会发生变化，即使它在样式标签中定义得太过严格，而且前面还有“黑暗：”标签。暗模式是活动的，所有的顺风类都应该得到“！重要”属性
浏览 6提问于2021-03-10得票数 0
回答已采纳
2回答
我需要将Tailwind样式应用到DOM的特定部分。</h2> <div class="part2"> </div>例如，我需要将样式应用于应用程序的part1。所以，应用的样式应该如下所示： font-weight: 700;有任何方法来应用像上面的例子那样的样式吗？我在我的反应应
浏览 29提问于2022-06-05得票数 0
2回答
我试图找出一个很好的工作流程，如何在Next.js中使用Tailwind和CSS，但是我遇到了一些棘手的问题，涉及到Webpack插入样式的顺序和特性。考虑以下用例:我希望创建一个可重用的Button组件，它的样式可以被实用程序类覆盖。文件中，我会在@layer指令中添加类名：@tailwind components;
@layer components {
浏览 7提问于2021-03-16得票数 12
我找不到一种好的方法来确定顺风CSS的范围，因为我不想让它全局地应用于自定义构建选项的系统中。从本质上讲，我想这样做： .tailwind{ @import "tailwin
浏览 106提问于2020-09-06得票数 9
回答已采纳
2回答
当我将Tailwind添加到我的React项目中时，它破坏了现有的样式。我没想到它会覆盖现有的样式，比如将按钮背景更改为透明。还是尾风有意覆盖样式？编辑：当我排除基地时，这个问题就消失了，即：
//@import
浏览 12提问于2022-06-17得票数 1
回答已采纳
2回答
在将Tailwind添加到我的小Next项目中后，我经历了一段极其缓慢的刷新时间。我一开始以为是我的设备。
浏览 27提问于2021-05-19得票数 2
回答已采纳
有两个Intellij插件确实为顺风添加了一个代码完成--但是当我开始自定义tailwind.config.js文件时，它们失败了，因为它们只建议基于默认的顺风配置的类(它们不识别我自己的类，并且建议那些类不再可用我可以让一个非常类似的设置与react的nextjs一起工作--因为这个框架在.next文件夹中创建了一个输出css文件，而IDEA可以使用这个文件。
浏览 4提问于2020-03-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
