html - CSS - 两个样式表依次呈现 (Opencart)

标签 html css opencart

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

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

我有 Fiddle 此处的 header.tpl 文件片段,以查看是否有人可以看到导致问题的原因。

我的第一个想法是因为先后有两个样式表-所以我将两个样式表合并在一起[无解]

其次,我认为这可能是因为标题中 css 文件的顺序 - 所以我将它们与 luke.css 放在一起 [无解决方案]

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

最佳答案

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

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

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

关于html - CSS - 两个样式表依次呈现 (Opencart),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26401561/

相关文章:

php - 上传 OpenCart 数据库后,我收到此错误消息。我做错了什么?

javascript - 避免多个 (40) jquery 确认对话框 - 重用?

javascript - Facebook 点赞按钮在 IE 中不显示

jquery - Html - 网页上的 2 个 html 模板,只有一个重新加载

css - Flexbox 列表溢出容器

html - 在 CSS 类中设置颜色不起作用

CSS 未选择

html - 十进制在sql中被截断

php - 使用 UserFrosting 的 OpenCart 错误重定向

html - OpenCart css a.clicked 显示并消失