如何使用jade模板的样式标签？

Question

几个月前,这个样式代码对我有用.我已经更新到最新的Jade NPM包,现在它无法正常工作.有人可以帮助我以正确的方式在Jade模板中内嵌样式吗？

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

我在收盘时收到此错误}

unexpected text }

Answer 1

这对我有用:

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

得到它:https://github.com/mquandalle/meteor-jade/issues/102帖子建议使用"点符号"

Answer 2

将文本放入Jade中的标记有三种方法

1.将标签放在标签之后,例如

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>

因此,基于以上所述,您选择的方法(如您的评论中)是正确的(选项3).

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

我希望这会有所帮助.