VS Code 扩展显示 CSS 属性的初始值 CSS 初始值(链接)

2025-06-08

显示 CSS 属性初始值的 VS Code 扩展

CSS 初始值(链接

这篇文章最初发表在我的博客上。


几天前,我突然想到一个 VS Code 扩展,可以在鼠标悬停时显示给定 CSS 属性的初始值(默认值)。这解决了我一个实际问题,因为大多数时候我都使用默认值来“重置”属性。

这意味着,如果我background-color: tomato在某个元素上有一个 ,并且想将其设置为初始值,我可能会使用,transparent而不是initialunset或者其他什么。因此,我没有记住所有 CSS 属性的初始值,而是自己创建了一个扩展。

考虑到这一点,我向您介绍了CSS 初始值

这是一个小演示:

这个扩展相当简单,可能偶尔会显示一些奇怪的内容,但我想与大家分享,以便获得反馈。这也是我的第一个扩展,所以我确信肯定还有一些可以改进的地方。代码已经开源,欢迎大家查看或贡献。

如果你使用 CSS,不妨尝试一下。希望它对你有用。

GitHub 徽标 dzhavat / css 初始值

VS Code 扩展显示每个属性的初始值。

CSS 初始值(链接

VS Code 扩展显示每个 CSS 属性的初始值。

特征

适用于以下文件类型:

  • CSS
  • 较少的
  • 萨斯
  • Scss

演示

演示

信用

此扩展使用的数据来自MDN




鏂囩珷鏉ユ簮锛�https://dev.to/dzhavat/showdev-vs-code-extension-that-shows-the-initial-value-of-a-css-property-3c9k
PREV
Django 用户配置文件
NEXT
VS Code 中的截屏模式