Emmet 支援使用 css selector 來讓快速幫你打上對應的程式碼:


你可以注意到 . 變成 class="" 的內容,# 變成 id="" 裡面的內容,然後 [] 內的文字會直接變成對應的額外屬性,然後在這個範例內我省略了 HTML 的標籤,當省略的時候,Emmet 自動會幫你填 div。
你可以使用 CSS Selector 中的 > 符號來快速產生子元素,如 ul>li:


如果你想要一次產生很多層也沒有問題!

你可以使用 * 來一次產生多個,如 ul>li*5:


實際上,像這樣打也一樣可以使用喔!

明天待續…