Verschachtelung eines Textes in einem Tag in schlank

Question

Wie verschachtelt ich die 'Featured' Text innerhalb der a Tag, gegeben span, der Text, und die anderen span sind Geschwister?

li 
    a href="#" class="selected" 
    span class="icon-before" 
    Featured 
    span class="icon-after" 

Answer 1

li 
    a href="#" class="selected" 
    span class="icon-before" 
    | Featured 
    span class="icon-after" 

Gibt:

<li><a class="selected" href="#"><span class="icon-before"></span>Featured<span class="icon-after"></span></a></li> 

Answer 2

ul 
    li 
    | first text 
    span.color-red.bold-g 
    | (text transform) 

Give:

<ul><li>first text<span class="color-red bold-g">(text transform)</span></li>