WordPress的插件和主題CSS Colide

Question

我有一個小問題！ 我使用的是Wordpress主題，而房地產系統開發人員witch的插件則從系統中獲取數據。

如果我使用主題，那么Real-Esate系統會建議一切正常進行。 但是我想使用另一個主題。

結果是從插件中獲取的數據看起來不像預期的那樣。 主題CSS接管了..並在.li和.ul等某些元素上使用主題css。

有辦法解決嗎？ 我不想使用iframe。 我可以例如創建一個div，然后將Plugins style.css應用於該div和僅該div。 只是在那個div覆蓋主題的CSS？

如果您想查看源代碼和css等， 請點擊以下鏈接： http ://hogmans.nu.temp-url.se單擊“耕種”。

如果您想查看正確顯示插件的位置， 請訪問http://hogmans.mspecsweb.se/till-salu

你有問題嗎？

Answer 1

看起來它正在使用兩個不同的CSS框架。

嘗試將這行代碼添加到標題中

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

它肯定會修復中間部分……但不確定它會對您的網站整體產生什么影響。

除了使用由最新版twitter boostrap提供支持的主題，或者創建自己的自定義移動CSS再次將這些單行變成塊之外，沒有其他方法可以輕松解決此問題。

Answer 2

您有幾種選擇：

• 如果將所需的樣式表保存到主題的核心文件中，然后在所有其他樣式表之后將其導入到主題的標題中，則這些樣式將優先於主題的樣式（盡管這可能不適用於所有樣式，因為這取決於如何主題的樣式表已編碼-例如，如果有任何！important聲明）。
• 您也可以從一個樣式表中復制所有樣式，然后將其粘貼到另一個樣式表的底部，但是遇到與第一個選項相同的問題-它很可能會起作用，但可能無法按預期呈現。 將<style>標記添加到標頭也是如此。
• 您最可靠的選擇是從首選樣式中找出所需的樣式，並創建自己的樣式表，該樣式表將按您需要的方式呈現某些元素，以便您可以根據需要控制和調整CSS特異性。 如果需要，可以在樣式所需的內容周圍添加一個div，為其指定一個ID，然后在樣式表中的元素之前使用該ID。 在CSS中使用id通常是不明智的，但是由於您嘗試覆蓋樣式，因此這可能是一種快速簡便的方法。

**如果您使用的主題不是自己構建的，則主題可能會更新。 您對主題文件所做的任何更改都將被覆蓋。 您將需要創建一個子主題以添加或編輯該主題的任何文件。