在Jade中创建内联元素的简洁方法是什么？

Question

我喜欢将所有内联元素放在一行中.

<ul>
  <li><a>click<span>here</span><strong>!</strong></a></li>

想知道是否有更好的方法在Jade中创建内联元素而不是:

ul
  li 
    a(href="#") click 
      span here
      strong !

这有点接近,但我不知道如何在不破坏线条的情况下添加跨度和强力标签.

ul
  li: a(href='#') click
    span ...

这显然不是一个超级大问题,但我不能把内联元素内联到有点烦人.谢谢您的帮助

Answer 1

从版本1.0开始,jade支持内联标记:

#[tag(attribute='value') inner stuff]

在你的情况下,将是:

ul
  li #[a(href="#") click  #[span here #[strong !]]]

Answer 2

今天进入这个我自己.找到了一种使用管道在玉石中做到这一点的方法.这是我在ap元素中包含强标记的示例.

p.some-class
    strong This Renders Strong                          
    |This renders normal

Answer 3

我还在这一段时间里努力奋斗; 我找到的唯一答案就是使用HTML.

ul
  li: a(href='#') click<span>here</span><strong>!</strong>