如何使用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帖子建议使用＆＃34;点符号＆＃34;

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;
            }

我希望这会有所帮助。

Answer 3

这是这样做的方式（设计师版）

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;
             }
          }