如何在Jade中更改页面的背景颜色？

Question

我是玉的新手，我正在尝试使用它为网站构建页面。我的网站的大多数功能都在工作，但现在对于我“美化”它的用户来说非常重要。例如，一个问题就是改变我的页面的背景颜色。现在我收到的错误是“意外的文字”。

我目前的代码如下：

doctype html
html
    head
        title= title

        style
            body {
                font-family: Verdana;
                font-size: 13px;
                background: #464646
            }
    body
    h1 Welcome!
    h2 Please select your bus

    div Bus #27
    form(name="bus27", action="/bus27", method="get")
        input(type="submit", value="Elementary Bus 27")

我正试图让背景变黄。还有哪些可以更改/分配的常用功能（字体大小，颜色）以及如何在我的页面上模板/更好地组织标题和表单？

非常感谢任何帮助！谢谢。

Answer 1

您需要在样式标记之后加上句号：

style.
    body {
        font-family: Verdana;
        font-size: 13px;
        background: #464646;
    }

句点告诉jade嵌套的所有内容都应该被认为是要插入DOM的文本字符串。