【问题标题】:Emmet nested element issueEmmet嵌套元素问题
【发布时间】:2014-11-20 13:31:27
【问题描述】:

很抱歉,我想不出一个有创意的问题标题。我正在尝试 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 有可能得到我想要的吗?

【问题讨论】:

    标签: html emmet


    【解决方案1】:

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

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

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

    【讨论】: