如何：在子元素之后Jade HTML内容

Question

我的h1内容为“世界”，内容为“Hello”的span为其直接子项。如何将h1的内容（“世界”）放在span的内容（“Hello”）之后？

这是代码（Jade HTML）：

h1
  span Hello
  World

输出： 你好

Answer 1

Jade提供了三种获取纯文本的常用方法。您可以阅读documentation here。

因此，通过文本开头的管道，它表现为普通文本，而不是HTML标记。

h1
span Hello
| World

你也可以将它添加到内联中。它将在一行中使jade代码更具可读性。

h1 #[span Hello] World

或者添加自定义类以跨越

h1 #[span.custom-classname Hello] World