<h1 id="emmet-shortcuts-in-vscode"><a aria-hidden="true" class="anchor-heading icon-link" href="#emmet-shortcuts-in-vscode"></a>Emmet Shortcuts in Vscode</h1>
<center>
	<iframe width="560" height="315" src="https://www.youtube.com/embed/45eWEO0gRHI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</center>
<ul>
<li><a href="https://youtu.be/45eWEO0gRHI?t=361">6:01</a> type name of tag for auto complete</li>
<li>To next a parent/child use <code>parent>child</code> for divs with classes <code>.parent-class>.child-class</code> for a parent with sibling children <code>.parent-class>.child-class+.child-class</code> or <code>.parent-class>.child-class*2</code></li>
<li><a href="https://youtu.be/45eWEO0gRHI?t=400">6:40</a> lorem ipsum text can be indicated with <code>lorem</code> and the number of works directly after <code>lorem20</code></li>
<li><a href="https://youtu.be/45eWEO0gRHI?t=439">7:19</a> groupings <code>(p>lorem20)*5</code> since <code>p>lorem20*5</code> just puts 5 lorems in a <code>p</code> tag</li>
</ul>
<hr>
<strong>Backlinks</strong>
<ul>
<li><a href="/DevLog/notes/duq6ceddr0ckn0d9wgnfkwc">Resources (DevLog)</a></li>
</ul>

Emmet Shortcuts in Vscode


The hyperfixated rabbit hole diving knowledge base that is my brain looking at technology.
