在树枝的孩子中加载css

Question

我有一个超类树枝，它有以下块：

{% 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， 关于如何解决这个问题的任何想法？

Answer 1

您需要在样式表块中再次设置链接元素。所以它应该适用于以下内容：

{% 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

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