Emmet嵌套元素问题

时间:2014-09-25 17:09:39

标签: html emmet

对不起,我无法想到一个有创意的问题标题。我正在尝试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可以得到我想要的东西吗?

1 个答案:

答案 0 :(得分:2)

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

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

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