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

这个风格代码几个月前对我很管用。我已经更新到最新的翡翠 NPM 软件包，现在它不工作。能否请一些帮助我与正确的方法，以嵌入一个样式在一个翡翠模板？

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

我在结束时得到这个错误}

unexpected text }
91290 次浏览
小开
最佳答案

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

希望能有所帮助。

小开

这是这样做的方式(设计师版本)

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

然后在该包含文件中放入您的 style标记和样式

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

替我做翡翠档案

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

这对我很有效:

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

得到它从: https://github.com/mquandalle/meteor-jade/issues/102那里的帖子建议使用 “点符号”


提交答案