擴展WordPress的主題的CSS

Question

自3天以來，我試圖將我的自定義CSS添加到現有的WordPress主題。我通過用Child-Theme-Configurator（http://www.childthemeconfigurator.com/）創建一個兒童主題來實現這一點。 基本上，它工作正常。但是仍然存在一些我無法刪除的CSS不一致之處。我的孩子主題CSS似乎被父母CSS覆蓋（即錯誤的邊框，邊距，...） 我試圖讓它適用於不同的主題。但是每個主題都會導致相似（但稍有不同）的問題。

我只需要在帖子內使用我的custom-css，因爲我只在帖子中嵌入了我的html。所以我的問題基本上是：有沒有什麼辦法可以確保，在html-posts中禁用/重置100％的parent-theme-css？

Answer 1

打開你的cPanel/FTP客戶端和去wp-content/themes/your theme/ 應該會看到一個style.css文件，這真的取決於你所使用的主題，但大多數情況下都在那裏，你只需要打開並編輯它

Answer 2

覆蓋主題CSS是非常困難的。

瀏覽器DevTools是你的朋友。右鍵單擊錯誤樣式的項目並單擊檢查。然後看看該項目的CSS。

你必須弄清楚如何讓你的重寫選擇器比主題中的更具體，因此瀏覽器將採取它們。

例如，假設您想減少帖子中段落的底部邊距。比方說主題風格說

​​

如果你只是把它放在它不會工作。

p { margin:0 0 6px;} /* no good */ 

如果你把它放在這裏，你可能會弄髒各種其他的造型。

p { margin:0 0 6px !important;} /* no good */ 

但是，如果你把它放在這裏，你已經做出了比主題樣式表更具體的選擇器。

body article.post p { margin:0 0 6px;} 

的DevTools檢查功能，可以查看項目是如何稱呼這樣你就可以找出如何改寫自己的風格。您需要覆蓋從主題到主題的更改的確切樣式。