css - 如何使用 Twig 在内部渲染包含带有 }} 序列的 CSS 的模板

Question

CSS 片段中的序列}}被解析为 Twig delimiter。

<style>
    @media (touch-enabled),
    (-webkit-touch-enabled),
    (-moz-touch-enabled),
    (-o-touch-enabled),
    (-ms-touch-enabled),
    (modernizr){#touch{top:9px;position:absolute}}
</style>

我应该怎么做才能克服呢？

Answer 1

我深入研究了文档，终于找到了一个不错的解决方案：

{% raw %}(modernizr){#touch{top:9px;position:absolute}}{% endraw %}

这样做会使 Twig 词法分析器“开心”，并且我的模板的问题一劳永逸地结束了。