CSS - 兩個樣式表渲染一個接一個（Opencart）

我在這裏有一個問題，這讓我瘋狂。在我的網站上，它似乎在加載並呈現一個CSS文件，然後加載我在luke.css中創建的CSS覆蓋，最終將網站更改爲我的需要。如果您導航到MY WEBSITE HERE，則會看到左側邊欄上首先加載了一種奶油色，之後會被我的樣式覆蓋。CSS - 兩個樣式表渲染一個接一個（Opencart）

我從來沒有遇到過這個問題！我創建了'child'樣式表，以便安裝在OpenCart系統上的主題可以輕鬆升級，而不是編輯核心文件。

我有header.tpl文件在這裏的一個片段的Fiddle，看看是否有人能看到什麼導致了問題。

我首先想到的是，這是因爲有兩個樣式表一前一後 - 所以我的兩個樣式表合併在一起[無解]

其次，我想這可能是因爲CSS的順序文件在標題中 - 所以我把它們彼此相鄰移動luke.css最後[沒有解決方案]

我在OC儀表板上有一個很少的編譯器，但在所有老實說，我不完全知道如何使用這個或它的好處從我已有的代碼如果您推薦使用預處理器進行編譯，請告訴我。

來源

2014-10-16 Luke Cottingham

您在頁面底部有一個樣式表，位於</body>之前。該樣式表將頁面的背景顏色設置爲白色。

發生的事情是，瀏覽器在它到達主體結束之前不得不加載大量的JavaScript。它簡要地呈現整個頁面;只發現它需要改變背景顏色。

在任何腳本之前，將此樣式表（實際上，移動所有樣式表）放在<head>部分中。

來源

2014-10-16 10:28:05

伴侶，你是一個傳奇！謝謝。我真的不敢相信我錯過了那個樣式表 - 我想通過代碼頁面看看會給你帶來輕微的隧道視覺。我知道這個主題太重了。一些vQmod是負責任的，但我正在努力縮小這個範圍或刪除不需要的頁面上的樣式表腳本。就重大問題而言，您認爲將這些文件整合在一起並縮小幫助範圍？我正在尋找pingdom，即使將htaccess重定向到商店的子域名更改根域是2秒鐘。任何建議？ – 2014-10-16 10:48:09

[htaccess的小提琴]（http://jsfiddle.net/9smjbswb/） – 2014-10-16 10:49:00

使用Google PageSpeed Insights分析您的網站的建議（但是，它_will_告訴你要結合，縮小和gzip樣式表和JavaScript）。 – 2014-10-16 10:54:40

你的theme.css和editor_settings.css文件之間有javascripts。 JavaScript加載被阻止。

重新排序您的資產應該可以解決您的問題。

來源

2014-10-16 10:29:37

這是一個非常有用的評論。謝謝。我在標記之後重新排序並移動了JS？ – 2014-10-16 10:51:56

CSS - 兩個樣式表渲染一個接一個（Opencart）

回答

相關問題