我有兩個樣式表,它們在多個方面相互衝突。因爲我正在使用5,6,並且在某些情況下9或10個完整的插件,每個插件都帶有三或四個樣式表,以及我自己的衝突,隨處可見。解決這個問題的最好方法是什麼?是唯一選擇去修改所有插件的選擇器嗎?CSS衝突樣式表
編輯:問題是所有插件都使用自己的樣式表,這些樣式表相互衝突。如果不修改所有的選擇器,最佳但不可能的解決方案將很容易將樣式表本地化到頁面的某些部分。
我有兩個樣式表,它們在多個方面相互衝突。因爲我正在使用5,6,並且在某些情況下9或10個完整的插件,每個插件都帶有三或四個樣式表,以及我自己的衝突,隨處可見。解決這個問題的最好方法是什麼?是唯一選擇去修改所有插件的選擇器嗎?CSS衝突樣式表
編輯:問題是所有插件都使用自己的樣式表,這些樣式表相互衝突。如果不修改所有的選擇器,最佳但不可能的解決方案將很容易將樣式表本地化到頁面的某些部分。
最好的方法絕對是而不是修改插件的選擇器,除非你自己編寫插件。你應該修改你自己的classes/ids/css文件來......沒有衝突。
讓你的CSS儘可能具體,除非你有信心你知道你的方式,否則我不會修改插件。
牢記一些非常基本的技巧式的壓倒一切的:
首先,儘量避免通用類名和ID的那個一定會通過其他渠道使用。 !
其次,重要的是可以覆蓋的風格,而只應的方式,使意義上使用...
三,CSS的「級聯」部分的層次是下跌 - >出:
所以
#header a{
color:#fff;
}
#header div a{
color:#000;
}
#header div.some-class a.active{
color:#ff0000;
}
底部選擇將優先不管它被放置,因爲它與選擇的一個可怕的鏈條專門針對。所以也許你需要寫一些你的CSS,以減少被其他來源覆蓋的機會。
你不認爲如果他堅持選擇器修改並且不觸及css膽量,那麼這是最好的嗎?我的意思是就重要而言。 –
將您想要在其自己的div中進行本地化的每個部分用特定和適當的ID進行包裝。然後將樣式表中的每個選擇器修改爲以#specificSectionID開頭。通過在體面代碼編輯器中查找/更改,您將在五分鐘內完成。例如:
.headersection a {color: #DDD; background: transparent}
//becomes
#topSection .headersection a {color: #DDD; background: transparent}
我會_hoped_插件樣式表只會針對相關元素,而不會與其他人發生衝突。擁有如此多的資源必定會成爲移動設備的殺手鐗。 – TheZ
它不在用戶網站的「前端」。管理人員可以從網站上查看統計數據,圖表,數據收集等。 –
它爲什麼重要?插件作者仍然應該注意這些事情,並使用非常具體的選擇器... – Colleen