一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

sublime/vscode 快捷生成HTML代码解析

时间:2022-09-29 编辑:坚强 来源:一聚教程网

本文为小伙伴们介绍的是关于sublime/vscode 快捷生成HTML代码解析,感兴趣的小伙伴一起来看看吧。

基本html结构

输入 !+Enter




    
    
    Document


    

生成div加类名的快捷键

输入 div.list>div.item_$*6

带类名的div

输入 div.wrapper

带id的div

div#wrapper

属性 []

span[title=“test”]

后代 >

输入div>span>a

兄弟 +

div+p+span

上级 ^

div>span^i

乘法 *

ul>li*2

文本 {}

div>span{this is test}

this is test

自增符 $

ul>li.list_${list $}*3

  • list 1
  • list 2
  • list 3

ul>li.item$@3*3 “@3” (表示从3开始计数)

  • list 1
  • list 2
  • list 3

隐式转换

.class

ul>.item

table>.row>.col

以上就是关于sublime/vscode 快捷生成HTML代码解析的全部内容了,感兴趣的小伙伴记得点击关注哦。

热门栏目