VSCODE CSS类检测器如果在style.css中可用

发布于 2025-02-06 17:37:14 字数 563 浏览 0 评论 0原文

我有一个index.html,其中包含我的html,带有tailwindcss类,我在style.css file上也有自定义类,有时当我将类添加到div元素中时,我确实使用style.css中不存在的错误类,并且我花费了。几分钟或有时数小时以捕获错误。

例子 :

<div class="w-full bg-prim shadow-md py-4 flex flex-col px-12 hover:h-96 transition-height duration-500 ease-in-out spacey-4">
</div>

假设Spacey-4在style.css中不存在,这是一个错误的类。

好吧,这是我发生的事情,我今天花了3个小时,解决了一个UX错误,因为我错误地使用了一个错误的课程,当我在课堂上添加角色时,我没有意识到,然后它使UX崩溃了

是否存在VSCODE扩展程序可以检测到此错误,例如如果不存在,则强调它!

i have an index.html that contains my html with tailwindcss classes, i also have custom classes on style.css file, sometimes when i add classes to div element, i do use wrong classes that are not exist in style.css and i spent minutes or sometimes hours to catch the bug.

example :

<div class="w-full bg-prim shadow-md py-4 flex flex-col px-12 hover:h-96 transition-height duration-500 ease-in-out spacey-4">
</div>

let's say spacey-4 is not exist in style.css and it's a wrong class.

well here is how is happened to me, i spent 3 hours today, solving a UX bug, because i used a wrong class by mistake, , i didn't realized when i added a character to a class, and then it crashed the UX

is there a vscode extension that will detect this error, like underline it if it's not exist!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

耀眼的星火 2025-02-13 17:37:14

我不这么认为,但我会推荐您“ CSS PEEK”扩展名。如果您单击CTRL(或德语strg),然后悬停在类或ID上(在HTML代码中),它会显示元素的CSS,如果元素没有CSS,则会知道。

我希望我能帮助你

I don't think so, BUT I would recommend you the "css peek" extension. If you click ctrl (or in german strg) and hover over a class or an id (in html code) it shows you the css of the element and if the element has not got css you know that.

I hope I could help you

冷…雨湿花 2025-02-13 17:37:14

我要说的是,您可以在html扩展名中的CSS类名称的IntelliSense vscode中的CSS类名称在这里

键入时它并不是验证CSS类名称,但它暗示了下拉智能,如果您尝试使用的CSS类不在列表中,您知道该怎么做。

TKS。

I would say you could try IntelliSense for CSS class names in HTML extension for VSCode which is Here

It's not validate the css class name as you typed, but it suggests the drop-down intellisence and if the css class you're trying use is not in the list, you know what to do.

Tks.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文