我遇到了一个让我抓狂的问题。
在我的网站上,它似乎正在加载和呈现一个 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/