Nesting >
Example ul>li>a
Result
<ul>
<li><a href=""></a></li>
</ul>
Brother Elements >
Example section+header+nav
Result
<section></section>
<header></header>
<nav></nav>
Repeat Elements >
Example ul>li*3
Result
<ul>
<li></li>
<li></li>
<li></li>
</ul>
Class Attribute >
Example div.contenedor
Result
<div class="contenedor"></div>
Multiple Classes >
Example div.clase1.clase2.clasen
Result
<div class="clase1 clase2 clasen"></div>
Identifier Attribute >
Example nav#menu
Result
<nav id="menu"></nav>
Add Text >
Example div{Lorem Ipsum}
Result
<div>Lorem Ipsum</div>
Customize Attributes >
Example a[href=google.com]
Result
<a href="google.com"></a>
Consecutive Numbers >
Example ul>li.num$*3
Result
<ul>
<li class="num1"></li>
<li class="num2"></li>
<li class="num3"></li>
</ul>
Level Up >
Example section>article>div^p
Result
<section>
<article>
<div></div>
</article>
<p></p>
</section>
Group Elements >
Example (header>nav)+(section>article)
Result
<header><nav></nav></header>
<section><article></article></section>
Generate Lorem >
Example lorem10
Result
Lorem ipsum dolor sit amet consectetur...
Documents HTML >
Example html:5
Result
Documento HTML5 completo
Reto >
Example header#header>nav.navbar...
Result
<header id="header">...</header>