vs code

 vs code 中实用的代码补齐。

 

 

 

 

 

 

操作符 说明 示例 效果
> 子级元素 ul>li 
<ul>
    <li></li>
</ul>

 
+ 同级元素 div+p 
<div></div>
<p></p>

 
^ 父级的同级 div>span^p 
<div>
    <span></span>
</div>
<p></p>

 
() 改变顺序
div>(header>ul>li*2>a)+footer>p
 
 1 <div>
 2     <header>
 3         <ul>
 4             <li><a href=""></a></li>
 5             <li><a href=""></a></li>
 6         </ul>
 7     </header>
 8     <footer>
 9         <p></p>
10     </footer>
11 </div>

 
* 数量的倍数 div*2 
<div></div>
<div></div>

 
$ 递增数 p.c$*5 
1 <p class="c1"></p>
2 <p class="c2"></p>
3 <p class="c3"></p>
4 <p class="c4"></p>
5 <p class="c5"></p>

 
# id p#d1 
1 <p id="d1"></p>

 
. class p.d1 
1 <p class="d1"></p>

 
[] 属性
p[title="aaa"]
 
<p title="aaa"></p>

 
{} 内容 p{aaa} 
1 <p>aaa</p>

 
posted @ 2017-05-09 16:12  Kizj  阅读(261)  评论(0)    收藏  举报