如何在页面样式表加载之前插入新的“首选”样式?

时间:2018-12-22 22:56:51

标签: javascript css javascript-events less

简短:有什么方法可以在页面的其他样式表之前插入随fetch API加载的自定义less(或css)吗?

我有什么?

我有一个基于flarum的网站(实际上并不重要,但是您应该知道,此引擎在启动时加载了所有页面并动态呈现),该页面无法插入默认样式更改它,并使用一个简单的解释器,该解释器支持更少的页面和将页面路由到代码中。

如何以及为什么?

所有加载的页面从一开始就使用默认的不可变样式动态渲染,因此我创建了一种简单的hmmm ...“编程语言”,允许使用页面路由。

代码的外观如何?

~~<router_adress> {
    // Your less-code here.
};
// Example:
~~public/info {
    p {
        color: yellowgreen;
    }
}

我需要什么?

在其他css资源加载之前,我需要插入由我的框架生成的代码较少的代码(带有less.js的包装盒中较少的代码)。文档交互式加载状态可以正常工作,但是现在可以在呈现新样式之前显示默认样式。是否可以在默认设置之前加载自定义样式?我还为每个css-rule添加了!important标志,为样式标签添加了scoped属性,因此,我所需要的就是在其他资源加载之前(例如,一些特殊事件或向网站添加加载动画。

感谢帮助:)

0 个答案:

没有答案