Quickly Write Sibling Tags in Sublime Text

Generate Multiple Sibling Elements with Emmet

Discover key coding tips that are taught in Noble Desktop's hands-on coding classes and bootcamps in NYC. Learn how to efficiently enhance your coding skills with tools like Emmet, Sass, and Sublime Text.

Key Insights

  • Emmet needs to be installed in Sublime Text to enable certain keystrokes that enhance coding speed.
  • Noble Desktop provides a downloadable Sublime Text Enhancements Installation Guide for easy navigation of the installation process.
  • Sublime Text Coding Tips are integrated into the curriculum of Noble Desktop's coding classes and bootcamps.
  • A class named 'Coding Tips & Tricks: Emmet, Sass, & Sublime Text' is specifically designed to boost coding productivity.
  • Noble Desktop also offers certificate programs in Front-End Web Development and Full-Stack Web Development.
  • There's a comprehensive selection of Web Development Certificate Programs and Courses/Bootcamps for different career paths in the field.

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.

Note: This keystroke requires Emmet to be installed in Sublime Text. For instructions on how to download Emmet, download our Sublime Text Enhancements Installation Guide.

Learn more Sublime Text Coding Tips. These coding tips are covered in our hands-on coding classes and bootcamps in NYC.

To learn more, check out Noble Desktop’s classes:

Topics

Learn more in these courses

Back to Blog
Yelp Facebook LinkedIn YouTube Twitter Instagram