html 빠른 편집

#####html 빠른 편집

html    
1.     ----------

 
   ： >
 
div>ul>li
 
<div>
    <ul>
        <li></li>
    </ul>
</div>
 
  ：+
 
div+ul>li
 
<div></div>
<ul>
    <li></li>
</ul>
 
  ：^
 
ul>li^div
 
<ul>
    <li></li>
</ul>
<div></div>
 
ul>li>a^^div     
 
<ul>
    <li><a href=""></a></li>
</ul>
<div></div>
 
  ：*
 
ul>li*3
 
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
 
  ：()
         
div>(p>span)*2
 
<div>
    <p><span></span></p>
    <p><span></span></p>
</div>
 
2.     ----------
 
id  
 
div#header+div.main+div#footer
 
<div id="header"></div>
<div class="main"></div>
<div id="footer"></div>
 
   
 
a[title=test target=_self]
 
<a title="test" target="_self" href=""></a>
 
   ：$
 
p.item$*3
 
<p class="item1"></p>
<p class="item2"></p>
<p class="item3"></p>
 
p.item$$*3
 
<p class="item01"></p>
<p class="item02"></p>
<p class="item03"></p>
 
     ：@
 
p.item$@-*3   @- = -1
 
<p class="item3"></p>
<p class="item2"></p>
<p class="item1"></p>
 
p.item$@3*3  @3 =  3  3 
 
<p class="item3"></p>
<p class="item4"></p>
<p class="item5"></p>
 
p.item$@-3*3 @-3 = 3   3  
 
<p class="item5"></p>
<p class="item4"></p>
<p class="item3"></p>
 
3.     ----------        
 
    ：{}
 
a{click}
         
<a href="">click</a>   
         
a>{click}+span{me}
 
<a href="">click<span>me</span></a>
 
4.     ----------
 
.header+.footer  ---------------  div.header+div.footer
 
ul>.item*3 -------------- ul>li.item*3
 
table>.row*4>.cell*3 -------------- table>tr.row*4>td.cell*3
 
 
    ：         ，  ()。  1+2×3，    (1+2)×3