標題說明了我正在尋找的一切。基本上它應該是一個收集網站所有樣式的軟體，這樣我就可以編輯它們並保存它們。
請仔細閱讀問題，因為我希望滿足所有提到的條件。
編輯：我想在這裡說得更清楚，或者更確切地說描述我想要的工作流程。開始的情況是您的本地電腦上有網站的來源。
現在我想在我的編輯器/IDE/任何東西中開啟純來源（HTML/CSS）（不是所見即所得！）。我想要在它旁邊或在不同的視窗中（而不是在另一個選項卡中！）進行即時預覽，我想在編輯原始程式碼時看到它。預覽應該會自動更新（或者當我保存文件時，它基本上是相同的，因為 CTRL+S 是一種反射：P）。
此外，它應該有一個像 Firebug 或 Chrom(e|ium) 中的檢查器一樣工作。當我單擊該檢查器中的 CSS 選擇器時，遊標應在相應的來源檔案中直接跳到該選擇器。
另一個編輯：找到了這個https://stackoverflow.com/q/4680109/220652。幾乎同樣的問題。
答案1
有幾種選擇。
目前我只是使用谷歌瀏覽器的開發者工具（動作影片），因為它允許進行廣泛的檢查、詳細報告和覆蓋。進行更改後，我只需複製更新的 CSS 並覆蓋 CSS 檔案的相關部分，刷新，然後繼續插入。
這裡我在Chrome的開發者工具中編輯了一個定義
我可以按照檔案名稱和行號（複製更改後）並將它們貼上到編輯器中
除此之外，最近推出了一個名為網路膩子旨在緩解您所描述的問題。雖然我個人還沒有使用過它，但它是由喬爾·斯波爾斯基的公司霧溪軟體（Joel 也是 StackOverflow 的共同創辦人）所以我願意打賭這是一個相對穩定、簡單且有效的產品。
答案2
這個問題似乎已經被討論過，但你更具體地說明的是 CSS 編輯器。我確信這就是為什麼他們沒有將您的問題標記為重複的原因。
但是，我可以建議您使用我在回答其他問題時發布的幾種工具，如下所示：ubuntu 中的 Dreamweaver 替代品？，即使我敢打賭您已經看過它，為了您的方便，我也將其抄錄如下：
你的問題似乎有點模糊。
首先，與 Dreamweaver 的替代方案相關，我發現所有其他答案的所有建議都非常好，但是在尋找 Dreamweaver 的替代方案時，對我來說最接近的應用程式是阿瑪亞專案.它似乎比其他替代品更豐富，並且比 Kompozer 更複雜一些。
官方網站的螢幕截圖可供您查看其實際效果：
點擊下一個連結以獲得其他螢幕截圖： http://www.w3.org/Amaya/screenshots/Overview.html
您可能會發現它有點不穩定，或者至少對我來說是這樣，但它也可能適合您的需求。
在使用了所見即所得編輯器之後，我更喜歡使用 BlueFish 直接編碼，但它不是所見即所得編輯器。
關於您的螢火蟲問題的建議，我無話可說，抱歉。
如果您給 Amaya 一次機會，請告訴我們您的表現如何。
祝你好運！
編輯==安裝Amaya後，我發現它還很不穩定，但不知怎的，如果你認為其他軟體是簡單的文字編輯器，而Amaya就像一個所見即所得的編輯器，那麼它似乎比其他應用程式有更好的功能。
我測試了你在評論中所說的內容，我發現 Amaya 甚至沒有註意到文件/資料夾結構/名稱發生了變化。這不符合您與此相關的需求。
在下一個螢幕截圖中，您可以看到我將“resources”資料夾重命名為“resources1”，Amaya 尚未將其顯示為“resources”，並且無法強制刷新。即使重新啟動軟體並再次載入專案後，Amaya 也不會注意到這一點。
我將密切關注你的問題，希望有人能提出一個好的選擇。
祝你好運！
另外，在其他用戶對相同問題的回答中，我發現“藍色獅鷲網頁編輯器「這似乎是唯一一個具有即時預覽視窗的穩定網頁編輯器，但-順便說一句-在分割模式下無法看到。你只能看到程式碼或所見即所得的預覽，而不能同時看到兩者。
為了您的方便，截圖放在這裡：
預覽畫面：
代碼螢幕：
該工具包含許多有用的工具，但某些附加元件或外掛程式可能是非免費（付費）的。這降低了對它的吸引力。
這阿普塔納工作室 3，我在這個答案中推薦：像 Dreamweaver 這樣的基本 Web 開發 IDE/編輯器？對我來說，這是最好的程式設計工具，因為我可以在雙視圖擴充桌面中使用網頁瀏覽器進行即時預覽。這可能不是你的情況。
這就是我可以建議的。抱歉，如果這不符合您的需求，並且...
祝你好運！
答案3
好啦，大家聽著！傑尼太棒了！它有一個添加瀏覽器預覽的插件。您可以將其放置在側邊欄、「底欄」或額外的視窗中。現在二額外獎勵壞蛋殺手功能。1.該瀏覽器使用WebKit。這意味著，它有一個很棒的檢查員！2.當您儲存開啟的文件時，瀏覽器會重新載入。
除此之外，它還有許多其他很棒的功能，但您應該自己嘗試。我剛剛墜入愛河。這裡有一個螢幕截圖：
