CODEWITHSUNDEEP
htmlemmet
Ivor Horton
Ivor Horton

Reputation: 77

Emmet nested element issue

I'm sorry that I can't think a creative question title. I'm trying Emmet and the HTML I want is:

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

I tried below Emmet expression:

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

However the output from it is:

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

Is is possible for Emmet to get what I want?

Upvotes: 2

Views: 390

Answers (1)

Sergey Chikuyonok
Sergey Chikuyonok

Reputation: 2689

You have to put + before { Hello} to make it a sibling node:

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

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

Upvotes: 4

Related Questions