在一根树枝的孩子身上加载css

时间:2013-04-09 14:25:31

标签: css symfony twig assetic

我有一个超级树枝,它有以下块:

{% stylesheets filter='css_url_rewrite,?yui_css'
                '@MainBundle/Resources/public/css/bootstrap.css'
                '@MainBundle/Resources/public/css/vendor/*.css'
                '@MainBundle/Resources/public/css/_normalize.css'
                '@MainBundle/Resources/public/css/main.css'
                '@MainBundle/Resources/public/css/fonts.css'
                '@MainBundle/Resources/public/css/include/*.css'
                '@MainBundle/Resources/public/css/footer.css'
            %}

我还有另一个从上面的树枝延伸出来的树枝,但我想在这个页面上添加一个额外的CSS,所以我做了:

{% block stylesheets %}
     {{ parent() }}
    {% stylesheets filter='css_url_rewrite,?yui_css'
        '@ShopiousMainBundle/Resources/public/css/shippingconfirm/*.css'
    %}
    {% endstylesheets %}          
{% endblock %}

但是这不会导入我在shippingconfirm中的css, 关于如何解决这个问题的任何想法?

1 个答案:

答案 0 :(得分:2)

您需要在样式表块中再次设置link元素。所以应该使用以下内容:

{% block stylesheets %}
    {{ parent() }}
    {% stylesheets filter='css_url_rewrite,?yui_css'
        '@ShopiousMainBundle/Resources/public/css/shippingconfirm/*.css' %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

但shippingconfirm文件夹中的其他样式表将位于一个额外的文件中。 Assetic不会将所有样式表(来自父目录的css和来自当前模板的css)放入一个文件中。

此处发布了类似的问题:Combining Assetic Resources across inherited templates

在那里你可以找到一些方法来解决你的问题。