Emmet 支援使用 css selector 來讓快速幫你打上對應的程式碼:
你可以注意到 .
變成 class=""
的內容,#
變成 id=""
裡面的內容,然後 []
內的文字會直接變成對應的額外屬性,然後在這個範例內我省略了 HTML 的標籤,當省略的時候,Emmet 自動會幫你填 div
。
你可以使用 CSS Selector 中的 >
符號來快速產生子元素,如 ul>li
:
如果你想要一次產生很多層也沒有問題!
你可以使用 *
來一次產生多個,如 ul>li*5
:
實際上,像這樣打也一樣可以使用喔!
明天待續…