如何使用风格标签与玉模板？

这个样式代码在几个月前为我工作。 我已经更新到最新的玉NPM包，现在它不工作。 有些人可以帮助我以正确的方式在Jade模板中embedded样式吗？

doctype 5 html(lang="en") head style(type='text/css') .ui-title { margin: 0.6em 10% 0.8em !important; } 

我收到这个错误closures}

 unexpected text } 

Answer 1

在Jade中，有三种方法可以将文本放在标签中

把标签放在标签后面

 h1 Some header text 

输出将是：

 <h1>Some header text</h1> 

2.使用|将缩进文本放在标签下面 例如

 p | Some text goes | here 

输出将是：

 <p>Some text goes here</p> 

3.用一个点后缀标签并缩进下面的文本（不带| ），例如

 p. This way 3rd way of putting text inside 

输出将是：

 <p>This way 3rd way of putting text inside</p> 

---

所以根据以上所述，您select的方法（如您的评论）是正确的（ 选项3 ）。

 doctype 5 html(lang="en") head style(type='text/css'). .ui-title { margin: 0.6em 10% 0.8em !important; } 

我希望这会有所帮助。

Answer 2

这对我工作：

 style. body { background-color: {{themeColor}}; } 

得到它： https : //github.com/mquandalle/meteor-jade/issues/102postbuild议使用“点符号”

Answer 3

这是做到这一点的方式（devise师版本）

 include [some-html-include-name].html 

然后在那个包含文件的地方放上你的style标签和样式

 <style type="text/css"> /* your styles here */ 

Answer 4

在玉文件中为我工作

 style(media='screen', type='text/css') @media (min-width: 1200px) { .container{ max-width: 970px; } }