Atributos id y class(ID and CLASS attributes)emmet

Si ya tienen un diseño o acción establecida para alguna clase o id en
especial, con emmet también puedes asignarla la clase o id que desees
asignarle al elemento deseado todo eso con el símbolo . para clases o
# para id.

por ejemplo:

html:5> div.indice+div#contenido+div.pie> a#link

ejecutando el codigo:

< !doctype html>

< html lang="en">

< head>

 < meta charset="UTF-8">

 < title> Document< /title>

< /head>

< body>

 < div class="indice"> < /div>

 < div id="contenido"> < /div>

 < div class="pie"> < a href="" id="link"> < /a> < /div>

< /body>

< /html>

aqui otro ejemplo

div(aside#aside+div#dv> a.link)+footer.clase> li#id$$*5

ejecutando el codigo:

< div>

 < aside id="aside"> < /aside>

 < div id="dv"> < a href="" class="link"> < /a> < /div>

< /div>

< footer class="clase">

 < li id="id01"> < /li>

 < li id="id02"> < /li>

 < li id="id03"> < /li>

 < li id="id04"> < /li>

 < li id="id05"> < /li>

< /footer>

Anterior

Siguiente

emmet