Quickly Write Sibling Tags in Sublime Text
Emmet Sibling Operator
header+main+footer
Tab expands to three sibling tags — header, main, footer.
Plus = Sibling
+ tells Emmet the next element is a sibling, not a child.
Combine with Nesting
header>nav+main>article uses both nesting (>) and siblings (+).
Climb Back Out
Use ^ to escape one level — div>p^div makes two sibling divs with a nested p.
Master Web Development at Noble Desktop
Noble Desktop's Full-Stack Web Development Certificate covers HTML, CSS, JavaScript, and the modern web stack.
Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key.
Use + (plus sign) between tag abbreviations to quickly write sibling tags. For example, if you type h1+p and hit Tab, Emmet expands h1+p to
<h1></h1>
<p></p>
