VS Code中创建包含h2标签的多个li标签的快捷方式
正确的Emmet语法实现方式
你需要用**子元素嵌套符号>**来指定<li>和<h2>的层级关系,同时用*控制生成数量,具体有两种简洁写法:
直接指定每个
<li>下嵌套一个<h2>,并生成4组:li*4>h2按下Tab键后会直接生成你需要的结构:
<li> <h2></h2> </li> <li> <h2></h2> </li> <li> <h2></h2> </li> <li> <h2></h2> </li>用分组括号明确结构(适合更复杂的嵌套场景):
(li>h2)*4效果和上面完全一致。
为什么你的写法不对?
你用的li{h2*4}*4里,大括号{}是Emmet用来添加文本内容的符号,不是用来嵌套标签的。这个写法会生成4个包含文本h2*4的<li>,而非嵌套<h2>标签,所以不符合需求。
内容的提问来源于stack exchange,提问作者Jesús Fernández
相关产品推荐
相关产品推荐

