Emmet嵌套元素问题

Question

很抱歉，我想不出一个有创意的问题标题。我正在尝试 Emmet，我想要的 HTML 是：

<button class="btn btn-warning"><span class="glyphicon glyphicon-search"></span> Hello</button>

我试过下面的 Emmet 表达式：

button.btn.btn-warning>span.glyphicon.glyphicon-search{ Hello}

但是它的输出是：

<button class="btn btn-warning"><span class="glyphicon glyphicon-search"> Hello</span></button>

Emmet 有可能得到我想要的吗？

Answer 1

您必须将+ 放在{ Hello} 之前才能使其成为兄弟节点：

button.btn.btn-warning>span.glyphicon.glyphicon-search+{ Hello}

见http://docs.emmet.io/abbreviations/syntax/#text-