创建一个在其AND文本中具有跨度的li

Question

我想在哈巴狗上做一些非常简单的事情。我希望生成以下HTML：

<li><span class="blah"></span> Some text</li>

我不知道我需要什么哈巴狗语法。例如，我尝试过：

li()
    span(class="blah")
    Some text

以及

li() Some text
    span(class="blah")

谢谢

Answer 1

以下是a codepen实时显示的内容。记住要使用inspect查看底层源代码。

这个哈巴狗：

ul
  li
    span.blah
    .
      Some text

或这个哈巴狗：

ul
  li
    span.blah
    | Some text

产生此输出：

<ul>
  <li><span class="blah"></span>Some text</li>
</ul>