小编tsc*_*sch的帖子

我正在尝试使用Fanstatic在我自己的CKAN主题中导入多个css资源,如下所示:

{% resource 'my_fanstatic_library/b.css' %}
{% resource 'my_fanstatic_library/a.css' %}

不幸的是,CKAN按字母顺序呈现它们:

<link rel="stylesheet" type="text/css" href="/fanstatic/mytheme/:version:2015-05-11T14:07:18/a.css" />
<link rel="stylesheet" type="text/css" href="/fanstatic/mytheme/:version:2015-05-11T14:07:18/b.css" />

要覆盖我尝试resource.config使用以下内容创建-file的顺序:

[main]

order = b.css a.css

[custom render order]

b.css = 1
a.css = 2

[depends]

a.css = b.css

但遗憾的是渲染顺序没有变化.我将resource.config文件放在文件mytheme/fanstatic/夹中并将其移至mytheme/但没有任何帮助.

我想@keyframes用JavaScript 调整我的CSS中的特定规则.这一切都适用于以下代码:

CSS:

@-webkit-keyframes changecolor {
    0% { color: red; }
    100% { color: green; }
}
@keyframes changecolor {
    0% { color: red; }
    100% { color: green; }
}

JavaScript的:

function getKeyframeRule(ruleName) {
    var ss = document.styleSheets,
        rule, i, x;

    for (i = 0; i < ss.length; ++i) {
        if (ss[i].cssRules) {
            // loop through all the rules
            for (x = 0; x < ss[i].cssRules.length; ++x) {
                rule = ss[i].cssRules[x];
                if ((rule.type === window.CSSRule.KEYFRAMES_RULE || rule.type …