sublime / vscode 快捷生成HTML代码的实现 游戏攻略

目录

• 基本html结构
• 生成div加类名的快捷键
• 带类名的div
• 带id的div
• 属性 []
• 后代 >
• 兄弟 +
• 上级 ^
• 乘法 *
• 文本 {}
• 自增符 $
• 隐式转换

基本html结构

输入 !+Enter

生成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代码的实现的文章就介绍到这了,更多相关vscode 快捷生成HTML内容请搜索潘少俊衡以前的文章或继续浏览下面的相关文章，希望大家以后多多支持潘少俊衡！