之前偶然了解到能用公式快速生html代碼

查閱資料后就有了下面的小小總結 U?ェ?*U

例如：

在vs code 中輸入 div.cube>div.cube_$*6 摁下回車鍵就會生成如下代碼 (〃'▽'〃)

猜測語法規則會和CSS選擇器有些類似，平時開發中也會畏畏縮縮的用用，沒有明確公式規則內心總會不踏實，于是就下定決心，一探究竟，產出下面的粗糙文章，相當于筆記了吧。(｀?ω?′)

類名 .

div.wrapper

id #

div#wrapper

屬性 []

span[title="test"]

后代 >

div>span>a

兄弟 +

div+p+span

上級 ^

div>span^i

乘法 *

ul>li*2

文本 {}

div>span{this is vv's test}

this is vv's 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

！ 基本html標簽

Document

ヾ(*ΦωΦ)ツ最后附上參考資料。

總結

以上是生活随笔為你收集整理的vs code html table,vs Code 快速生成代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。