Chrome工作區中style.css的更改未顯示

我一直試圖使用Chrome工作區更有效地編輯WordPress WordPress子主題中的CSS。我按照教程http://wordimpress.com/using-chrome-devtools-workspaces-for-faster-wordpress-development/進行設置。它大部分工作，當我編輯我的子主題中的任何元素時，修改立即顯示在我的瀏覽器窗口中，我可以直接將其保存到本地style.css中。Chrome工作區中style.css的更改未顯示

當我想向我的子主題添加一個新元素時（這個元素已經存在於父主題中，但之前不需要修改它，所以它不存在於子主題中）時會出現問題。使用檢查工具，我在父style.css中找到該元素，然後將其複製到我的子主題編輯器（在devtools的Source選項卡中）。但是，一旦我這樣做，對該元素進行任何修改都不會反映在實時瀏覽器中。

舉例來說，這是在父風格的原代碼：

media="all" 
.widget a { 
color: #777; 
}

而且我複製這對我的孩子樣式表並將其改爲顏色：＃000。但在實時瀏覽器中看到的顏色沒有變化。

我做錯了什麼？

來源

2014-10-09 misaochan

如何添加元素？以及它是哪種類型的元素？..顯示代碼請 – 2014-10-09 05:22:03

添加!important - 覆蓋現有的CSS屬性

希望工程

media="all" 
.widget a { 
color: #777; 
}

更改爲

media="all" 
.widget a { 
color: #000!important;//change 
}

來源

2014-10-09 04:53:29

感謝您的回覆......但爲什麼我應該這樣做，當一個兒童主題默認應該覆蓋父主題？聽起來像別的東西會在某個地方出錯.. – misaochan 2014-10-09 04:55:02

，因爲它會首先引用父項，如果您發佈詳細的代碼，我可以正確解釋你。還有一件事是**它工作?? ** – 2014-10-09 05:01:37

如果你正在使用谷歌Chrome瀏覽器執行以下

進入設置
清除瀏覽數據
檢查所有標記
抹殺過去的小時或天數，取決於當一切正常。
點擊清除瀏覽數據

對我來說，它的工作。

來源

2016-12-25 08:09:06 Kerim

Chrome工作區中style.css的更改未顯示

回答

相關問題