LiveStyle是一個(gè)用于實(shí)時(shí)CSS編輯的工具，類似于流行的LiveLoad、CodeKit等。您可以在編輯器中編輯CSS文件，保存它，并查看包含此樣式表的瀏覽器中的網(wǎng)頁是如何自動(dòng)刷新的，從而為您提供對(duì)剛剛所做更改的視覺反饋。

　　LiveStyle引入了實(shí)時(shí)編輯體驗(yàn)：它可以在文本編輯器中鍵入時(shí)立即更新網(wǎng)頁。沒有文件保存或頁面重新加載。這是第一個(gè)能夠以正確的方式將來自瀏覽器DevTools的更新帶回源代碼的工具。

【使用說明】

　　所有LiveStyle設(shè)置均通過Google Chrome擴(kuò)展程序控制：

　　LiveStyle彈出窗口顯示樣式表列表，可在當(dāng)前網(wǎng)頁上使用。每個(gè)瀏覽器樣式表的下方是一個(gè)下拉列表，其中包含所有樣式表，并在編輯器中打開。要開始使用LiveStyle，只需為當(dāng)前頁面啟用LiveStyle，并將瀏覽器樣式表與一個(gè)編輯器樣式表相關(guān)聯(lián)。之后，來自編輯器樣式表的所有更新將被推送到指定的瀏覽器樣式表，反之亦然。