emmet插件書寫技巧

  1 div>h1+ul>li*3
  2     <div>
  3         <h1></h1>
  4         <ul>
  5             <li></li>
  6             <li></li>
  7             <li></li>
  8         </ul>
  9     </div>
 10 
 11     .son#2
 12     <div class="son" id="2"></div>
 13     .wrapper#one+.inner#two
 14     <div class="wrapper" id="one"></div>
 15     <div class="inner" id="two"></div>
 16     a{超連接}
 17     <a href="">超連接</a>
 18     div>(span+div)*5
 19     <div>
 20         <span></span>
 21         <div></div>
 22         <span></span>
 23         <div></div>
 24         <span></span>
 25         <div></div>
 26         <span></span>
 27         <div></div>
 28         <span></span>
 29         <div></div>
 30     </div>
 31     ul>li{導航$}^a^em^p
 32     <ul>
 33         <li>導航1</li>
 34     </ul>
 35     <a href=""></a>
 36     <em></em>
 37     <p></p>
 38 
 39     ul>li*4>a[href="#"]{導航$}
 40     <ul>
 41         <li><a href="#">導航1</a></li>
 42         <li><a href="#">導航2</a></li>
 43         <li><a href="#">導航3</a></li>
 44         <li><a href="#">導航4</a></li>
 45     </ul>
 46 
 47     ul>li*4>a[href="#"]
 48     <ul>
 49         <li><a href="" target="blank"></a></li>
 50         <li><a href="" target="blank"></a></li>
 51         <li><a href="" target="blank"></a></li>
 52         <li><a href="" target="blank"></a></li>
 53     </ul>
 54 
 55     ul>li*4>a[href="#"]{導航$}^span*5
 56     <ul>
 57         <li><a href="#">導航1</a></li>
 58         <li><a href="#">導航2</a></li>
 59         <li><a href="#">導航3</a></li>
 60         <li><a href="#">導航4</a></li>
 61         <span></span>
 62         <span></span>
 63         <span></span>
 64         <span></span>
 65         <span></span>
 66     </ul>
 67 
 68     ul>li*4>(a[href="#"]{導航$}^span)*5
 69     <ul>
 70         <li>
 71             <a href="#">導航1</a>
 72             <span></span>
 73             <a href="#">導航2</a>
 74             <span></span>
 75             <a href="#">導航3</a>
 76             <span></span>
 77             <a href="#">導航4</a>
 78             <span></span>
 79             <a href="#">導航5</a>
 80             <span></span>
 81         </li>
 82         <li>
 83             <a href="#">導航1</a>
 84             <span></span>
 85             <a href="#">導航2</a>
 86             <span></span>
 87             <a href="#">導航3</a>
 88             <span></span>
 89             <a href="#">導航4</a>
 90             <span></span>
 91             <a href="#">導航5</a>
 92             <span></span>
 93         </li>
 94         <li>
 95             <a href="#">導航1</a>
 96             <span></span>
 97             <a href="#">導航2</a>
 98             <span></span>
 99             <a href="#">導航3</a>
100             <span></span>
101             <a href="#">導航4</a>
102             <span></span>
103             <a href="#">導航5</a>
104             <span></span>
105         </li>
106         <li>
107             <a href="#">導航1</a>
108             <span></span>
109             <a href="#">導航2</a>
110             <span></span>
111             <a href="#">導航3</a>
112             <span></span>
113             <a href="#">導航4</a>
114             <span></span>
115             <a href="#">導航5</a>
116             <span></span>
117         </li>
118     </ul>