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

Question

我对 jade 很陌生，我正在尝试使用它为网站构建页面。我的网站的大部分功能都可以正常工作，但现在我 "beautify" 它对用户来说很重要。例如，一个问题只是更改我页面的背景颜色。现在我收到一个错误 "unexpected text".

我目前的代码如下：

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")

我正在尝试将背景设为黄色。还有哪些其他常见功能可以 changed/assigned（字体大小、颜色）以及如何 template/better 在我的页面上组织标题和表单？

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

Answer 1

样式标签后需要加句号：

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

句点告诉玉，嵌套在其中的所有内容都应被视为要插入到 DOM 中的文本字符串。

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

How do I change the background color of a page in Jade?

html

css

node.js

pug