前端主流IDE快捷语法

本文主要介绍前端的一些主流IDE常用语法，示例IDE为webstorm2017.3

1.类名：div.nav +Tab
tips：div是标签，试用所有常用的标签如a、p、input等等，而 “.” 后面跟随的就是我们的class类名，如需多个类名可用 .+类名 拼接多个，如：div.+类名.+类名 。若需设置id，用#拼接即可，如：div#+id名。

<div class="nav"></div>
<div class="nav color"></div>
<div id="nav"></div>

2.父子容器：div>ul>li+Tab
tips: **>**是拼接父子容器的，可以逐级递增。

<div>
 <ul>
    <li></li>
  </ul>
</div>

3.多个标签元素：div>ul>li*5+Tab
tips： *+数字 数值的多少表示子集