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）

回答

相关问题