首页 > 代码库 > Emmet 插件

Emmet 插件

Emmet

使用方法:Tab键

语法

后代:>

写法:nav>ul>li

兄弟:+

写法:div+h1+p

上级:^(可多次使用)

写法:div>h1+p^div

分组:()

写法:div>(ul>li>a)+footer>p

乘法:*

写法:ul>li*5

自增符号:$(可多次使用) @- num

写法:ul>li.item$*5  ul>li.item$@-*5

id、类属性:#、.

写法:div#header  div.title.name

自定义属性:[]

写法:p[title="hello word"]

文本:{}

写法:a{click me}

隐式标签:.class  em>.class  ul>.class  table>.row>.col

html:a  a:link  form:get  link:css

Emmet 插件