DEV Community

🚀 Emmet in VSCode ✨

Laura Grassi on June 25, 2024

"The odds are never impossible.. Merely unfavorable Emmet is an integrated tool in Visual Studio Code that helps us write HTML and CSS code mor...

Read full post

David Maciejewski • Jun 27

Use $ to level up the game. Try ul.test>li*10>a[href="page$.html"]{Sub page $}

This will result in:

<ul class="test">
    <li><a href="page1.html">Sub page 1</a></li>
    <li><a href="page2.html">Sub page 2</a></li>
    <li><a href="page3.html">Sub page 3</a></li>
    <li><a href="page4.html">Sub page 4</a></li>
    <li><a href="page5.html">Sub page 5</a></li>
    <li><a href="page6.html">Sub page 6</a></li>
    <li><a href="page7.html">Sub page 7</a></li>
    <li><a href="page8.html">Sub page 8</a></li>
    <li><a href="page9.html">Sub page 9</a></li>
    <li><a href="page10.html">Sub page 10</a></li>
  </ul>

David Miller • Jul 1

Much appreciated for this reminder. Helps me work smart and not as hard

John Liter • Jul 1

This really cool. I am going to use this. Thank you for creating and sharing!

Jasraj Chouhan • Jun 28

I tried all the emmet shortcuts and it is very awesome.
Thank you so much.

Mayowa • Jun 26

As a beginner I really find this very helpful.
Thank you!

Enoch Osarenren • Jun 28

Hello everyone, I hope you're all doing well. I recently launched an open-source project called GraphQLPlaceholder, and I'd love your support. Please check it out and give it a star on GitHub github.com/enochval/graphql-placeh.... Your support would mean a lot to me and help immensely in the project's growth.

Thank you.