改变翡翠的字体和颜色

我是新来的翡翠，我只是想知道如何改变文字的字体和颜色？ 如果我有一个layout.jade，我用它来扩展到我的helloworld.jade和userlist.jade; 我只想改变userlist.jade的字体和颜色。 我只是想知道什么语法会是。 是这样的吗？

extends layout style h1{font-size: 19px; color: #464646;} block content h1= title p Welcome to #{title} 

不过，我收到错误

 "Invalid indentation, you can use tabs or spaces but not both" 

另外我使用node.js来运行我的服务器。 谢谢。

Answer 1

你需要在style之后包含一个尾部的点，以使玉分析器忽略在样式标签下缩进的任何东西。 在你的例子中，它试图读取h1作为嵌套在style标签中的标签，而不是纯粹的文本被浏览器解释为CSS规则。

 extends layout style. h1 { font-size: 19px; color: #464646; } block content h1= title p Welcome to #{title} 

工作示例。

删除该codepen中的style后的点，你会看到他们的玉分析器喊你，并说它不能解释你试图嵌套在style标签内的h1标签。

PS – 你也有不同的缩进大小。 您的缩进需要是所有选项卡，或者所有空格（相同数量的空格）。 Jade不允许混合和匹配缩进样式，因为它取决于缩进来编译HTML。

Answer 2

您需要将style元素设置为代码块，否则会将其parsing为HTML。 并使用一致的缩进。

 extends layout style. h1{font-size: 19px; color: #464646;} block content h1= title p Welcome to #{title} 

Answer 3

我希望这是一个快速的解决scheme

 extends layout h3(style=" color: #FF333") Your text here h2(style=" color: #283FF") Your text here