Tailwind类别失效的原因是什么?
P粉011360903
P粉011360903 2023-08-31 16:32:20
[HTML讨论组]
<p>我第一次开始使用Tailwind,并且目前只在JavaScript中使用它。第一天,类名都正常工作,但是第二天我在VSCode中打开项目时,只有之前添加的Tailwind类名仍然有效。如果我尝试在我的HTML中添加更多类名和设计,什么都不会发生。</p> <p>例如,当我在h2标签中添加<code>text-3xl</code>时,文字字体大小不会改变。此外,如果我为文本添加新的颜色或添加背景颜色,也不会生效。</p> <p><strong>链接到我的所有代码和文件在Github中</strong></p> <pre class="brush:php;toolbar:false;">&lt;div class=&quot;flex flex-col md:w-1/2&quot;&gt; &lt;h2 class=&quot;text-center text-3xl font-bold md:text-left&quot;&gt;跟踪公司整体进展&lt;/h1&gt; &lt;p class=&quot;text-center md:text-left mt-4 mb-6&quot;&gt;了解你的日常任务如何符合更广阔的愿景。从里程碑级别的进展跟踪到最细微的细节。再也不会失去对整体大局的视野。&lt;/p&gt; &lt;/div&gt;</pre></p>
P粉011360903
P粉011360903

全部回复(1)
P粉792026467

Tailwind在输出的CSS文件中并没有包含所有的实用类。相反,它在构建过程中解析出您在代码中使用的类,并仅将这些类添加到输出文件中。

因此,如果您在代码中添加了类,您需要重新运行构建过程,可以手动运行或在构建命令中包含--watch选项。例如:

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

注意:这也是为什么在浏览器开发工具的DOM检查器中添加以前未使用的实用类不会立即影响页面元素的原因。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号