Emmet Cheat Sheet

emmet-cheat-sheet.html

<!-- HOW TO MANIPULATE IMAGES -->
  <!-- New Ones -->
  img[src=$$$.jpg]*40

  <!--You can combine attributes into a single set -->
  img[src=/images/$$.png alt]


<!-- THESE ARE PARTICULARLY USEFUL -->
<!-- Climbing Up #1 -->
.wrap>p>a^p

<!-- Climbing Up #2 -->
.wrap>p>em>a^^p

<!-- Text & Attributes #1 -->
h1{heading}+p{lorem ipsum}

<!-- Text & Attributes #2 -->
a[href="http://www.apple.com"]{Apple}

<!-- Multiple Class Names -->
.one.two.three

<!-- Automatic Numbering -->
ul>li.item${item $$}*3


<!-- AND THE REST YOU ALREADY KNEW -->
<!-- Skip The Div #1 -->
div.container

<!-- Skip The Div #2 -->
.container

<!-- Implicit Tag Names -->
.wrap>ul.list>.sites

<!-- Chaining Abbreviations -->
.outer>.inner>h1+p

<!-- Grouping #1 -->
(.one>h1)+(.two>h1)

<!-- Grouping #2 -->
(section>.wrap>h1>p>a)+(section>.wrap>p+p)

<!-- Multiplication #1 -->
ul>li*3

<!-- Multiplication #2 -->
(section>.wrap)*2