emmet命令指南
emmet详细参考:https://blog.csdn.net/liyuxing6639801/article/details/77430473
<!-- html:5 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
<!-- (#nav>.logo+.login+.navlist)+(#content>.left+.center+.right)+#tabbar>ul>li*4>a{菜单$} -->
<div id="nav">
<div class="logo"></div>
<div class="login"></div>
<div class="navlist"></div>
</div>
<div id="content">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div id="tabbar">
<ul>
<li><a href="">菜单1</a></li>
<li><a href="">菜单2</a></li>
<li><a href="">菜单3</a></li>
<li><a href="">菜单4</a></li>
</ul>
</div>
<!-- #tabbar>ul>.item*4>a[href="www.logo.com/$"]{菜单$} -->
<div id="tabbar">
<ul>
<li class="item"><a href="www.logo.com/1">菜单1</a></li>
<li class="item"><a href="www.logo.com/2">菜单2</a></li>
<li class="item"><a href="www.logo.com/3">菜单3</a></li>
<li class="item"><a href="www.logo.com/4">菜单4</a></li>
</ul>
</div>