具有实时预览和选择器本地化功能的 CSS 编辑器
dAn*_*jou 9 software-recommendation
标题说明了我正在寻找的一切。基本上它应该是一个收集网站所有样式的软件，这样我就可以编辑它们并保存它们。
请仔细阅读问题，因为我希望满足所有提到的条件。
编辑：我想在这里更清楚，或者更确切地说是描述我想要的工作流程。起始情况是您在本地计算机上拥有网站的来源。
现在我想在我的编辑器/IDE/任何东西（没有所见即所得！）中打开纯源代码（HTML/CSS）。我想在它旁边或不同的窗口中（而不是在另一个选项卡中！）进行实时预览，我想在编辑源时看到它。预览应该自动更新（或者当我保存文件时，这基本上是相同的，因为 CTRL+S 是一种反射：P）。
此外，它应该有一个类似于 Firebug 或 Chrom(e|ium) 中的检查器。当我点击那个检查器中的 CSS 选择器时，光标应该在相应的源文件中直接跳转到它。
另一个编辑：发现这个/sf/ask/327607661/。几乎同样的问题。
Mar*_*ppi 12
有几个选项。
目前我只使用谷歌浏览器的开发者工具（动作视频），因为它允许进行广泛的检查、详细报告和覆盖。进行更改后，我只需复制更新的 CSS 并覆盖 CSS 文件的相关部分，刷新，继续插入。
在这里，我在 Chrome 的开发人员工具中编辑了一个定义
我可以按照文件名和行号（复制更改后）并将它们粘贴到编辑器中
除此之外，最近推出了一个名为WebPutty的工具，旨在缓解您所描述的问题。虽然我没有亲自使用它，但它是由Joel Spolsky的公司Fog Creek Software 开发的（Joel 也是 StackOverflow 的联合创始人）所以我愿意打赌它是一个相对稳定、简单和有效的产品。
这个问题似乎已经讨论过，但您更具体地说是在谈论 CSS 编辑器。我相信这就是他们没有将您的问题标记为重复的原因。
但是，我可以建议您使用我在其他问题的回答中发布的几种工具，例如：ubuntu 中的 Dreamweaver 替代方案？，即使我敢打赌你已经看过它，为了你的方便，我还是把它抄录在这里：
你的问题似乎有点模棱两可。
首先，与 Dreamweaver 的替代方案相关，我发现所有其他答案的所有建议都非常好，但是在寻找 Dreamweaver 的替代方案时，对我来说最接近的应用程序是Amaya项目。这似乎比其他替代品更丰富，比 Kompozer 更复杂一点。
来自官方网站的屏幕截图在这里供您查看它的实际效果：
单击下一个链接可以获得其他屏幕截图：http : //www.w3.org/Amaya/screenshots/Overview.html
您可能会发现它有点不稳定，或者至少对我来说是这样，但它也可能符合您的需求。
在玩过 WYSIWYG 编辑器后，我更喜欢用 BlueFish 直接编码，但它不是 WYSIWYG 编辑器。
关于你的萤火虫问题的建议，我无话可说，抱歉。
如果您给 Amaya 一次机会，请告诉我们您的表现如何。
祝你好运！
编辑 == 安装 Amaya 后，我发现它还远未稳定，但不知何故，它似乎比其他应用程序具有更好的功能，如果您认为其他软件是简单的文本编辑器，而 Amaya 就像一个所见即所得的编辑器。
我测试了您在评论中所说的内容，我发现 Amaya 甚至没有注意到文件/文件夹结构/名称中的某些内容发生了变化。这不符合您与此相关的需求。
在下一个屏幕截图中，您可以看到我将“resources”文件夹重命名为“resources1”，而 Amaya 尚未将其显示为“resources”，并且无法强制刷新。即使重新启动软件并再次加载项目，Amaya 也不会注意到。
我将密切关注你的问题，希望有人来放弃一个好的选择。
祝你好运！
此外，在其他用户对相同问题的回答中，我发现了“ Blue Griffon Web Editor ”，它似乎是唯一具有实时预览窗口的稳定网络编辑器，-顺便说一句-在拆分模式下无法看到. 您只能看到代码或所见即所得预览，不能同时看到两者。
为方便起见，截图放在这里：
预览画面：
代码屏幕：
该工具包括许多有用的工具，但一些附加组件或插件可能是非免费的（付费）。这降低了对它的吸引力。
该集锦工作室3，这是我在这个答案reccomend：基本Web开发的IDE /编辑器像Dreamweaver？对我来说是最好的编程工具，因为我可以在我的双视图扩展桌面中使用 Web 浏览器实时预览。这可能不是你的情况。
这就是我可以建议的。抱歉，如果这不符合您的需求，并且...
祝你好运！
