【问题标题】:Something to visual CSS structures and compare them视觉 CSS 结构和比较它们的东西
【发布时间】:2026-02-02 04:20:04
【问题描述】:

我正在寻找一种工具来帮助进行一些 CSS 编辑,但我不打算以看似正常的方式使用它。

我有一个正在更新皮肤的网站,我们已经有了带有更改的 CSS 文件,因为它已经应用于相关网站。

我理想中想要的是某种编辑器,它可以帮助我可视化旧 CSS 和新 CSS 的结构或层次结构,这样我就可以更轻松地找到可以很好地交叉的类,需要的类调整,以及需要从头开始创建的类。

我不担心自动完成,或者能够立即查看更改或类似的东西,我真正想要的只是查看和遍历它的简单方法。

有没有人知道有什么可以做到这一点?最好是免费或开源,但欢迎提出所有建议。

【问题讨论】:

  • 这是怎么回事?常见问题解答指出问题可能是关于“程序员常用的软件工具”,而 CSS 在技术上是一种编程语言?
  • 这实际上在 imo 中可能非常有用;但我猜想将后代选择器正确地可视化为树结构是困难/不可能的
  • longshot....也许是 css lint?我确定你可以编写/重写它的一些函数来获得你的输出。
  • 这对我来说有点过时了,所以我真的不想为此编写任何代码,不过感谢您的建议。

标签: css ide editor


【解决方案1】:

试试这个工具:Compare CSS Stylesheet Tool

【讨论】:

  • 谢谢,这绝对是我见过的最接近的东西,我将把这个问题留得更久一些,看看其他人有没有什么。