Question

我有以下场景：我的模板是：

html(lang="en")
    head
        block head
            title= title
            block styles
                link(rel="stylesheet",href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css")

我的页面是：

extends styles/template
block head
    title= "My Cool Title"
    append styles
        link(href="../styles/css/cover.css", rel="stylesheet")

如果我要将追加样式放在与block head相同的行中，那么我将收到一个错误，表示存在意外的块样式。

尽管已经放置了append命令，但由于某种原因它会覆盖样式下的所有项目并附加我指定的样式。嵌套附加如何在上面的情况下起作用？

我查看了文档，并使用了block append styles。但也没有运气。

Answer 1

扩展时，块都变平（不再嵌套）：

extends styles/template
block head
    title= "My Cool Title"
    block styles
        link(rel="stylesheet",href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css")

append styles
    link(href="../styles/css/cover.css", rel="stylesheet")

您必须了解这个过程。执行block head时，替换整个块（如果不重新创建，则会丢失样式块）。

所以这是我对你案件的建议：

html(lang="en")
    head
        block head
            block title
                title= title
            block styles
                link(rel="stylesheet",href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css")

然后：

extends styles/template
block title
    title= "My Cool Title"
append styles
    link(href="../styles/css/cover.css", rel="stylesheet")

因此不会触及阻挡头。

嵌套附加在哈巴狗不附加

1 个答案: