pug - 如何: Jade HTML content after child element

Question

我有一个内容为“World”的h1 和一个内容为“Hello”的span 作为它的直接子元素。如何将 h1 的内容(“World”)放在 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