JADE

屬性

a(href="https://goo.gl/AQjiva")
<a href="https://goo.gl/AQjiva"></a>

元素内文

a this-is-link
<a>this-is-link</a>

有些跟EMMET差不多

div+class

.namecard
<div class="namecard"></div>

div+多class

.circle1.circle2
<div class="circle1 circle2"></div>

比較需要注意的是

包覆:縮排

.namecard
  .circle.circle1
  .circle.circle2
  h2
   span
<div class="namecard">
 <div class="circle circle1"></div>
 <div class="circle circle2"></div>
 <h2><span></span></h2>
</div>

文字太多,程式碼換行

找到換行處,按Enter換行,再按Tab確保換行後的東西包覆在父元素下,然後加上【|】

p this is a paragraph with a lot of
 |text and we would like to cut them so that we cat
 | view it more clearly.
<p>
 this is a paragraph with a lot of text and we would like to cut them so that we cat view it more clearly.
</p>

One Reply to “JADE”

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *