CSS - 两个样式表一个接一个地渲染(Opencart)

时间:2014-10-16 10:03:33

标签: html css opencart

我在这里遇到一个让我发疯的问题。 在我的网站上,似乎是加载并呈现一个CSS文件,然后加载我在luke.css中创建的CSS覆盖,最终将网站改为我想要的方式。如果您导航到MY WEBSITE HERE,您会看到左侧边栏上首先加载了奶油色,然后被我的样式覆盖。

我之前从未遇到过这个问题!我创建了'子'样式表,以便安装在OpenCart系统上的主题可以轻松升级,而不是编辑核心文件。

我有{strong> Fiddleheader.tpl文件片段,以查看是否有人可以看到导致此问题的任何内容。

我的第一个想法是,因为有两个样式表一个接一个 - 所以我将两个样式表合并在一起[没有解决方案]

其次,我认为可能是因为标题中css文件的顺序 - 所以我将它们移到了luke.css最后[无解]

我在OC仪表板上有一个LESS编译器,但老实说,我不完全确定如何使用这个或它从我已有的代码中获益。如果您建议使用预处理器进行编译,请告诉我。

2 个答案:

答案 0 :(得分:3)

页面底部有一个样式表,就在</body>之前。此样式表将页面的背景颜色设置为白色。

正在发生的事情是浏览器必须在到达正文末尾之前加载大量JavaScript。它简要地呈现整个页面;只是发现它需要改变背景颜色。

在任何脚本之前移动此样式表(实际上,移动所有样式表)在<head>部分内。

答案 1 :(得分:2)

你的theme.css和editor_settings.css文件之间有javascripts。 Javascript加载正在阻止。

重新排序资产可以解决您的问题。