Sublime text 快速编写 HTML 代码 — Emmet插件

16、你也可以使用多个$操作符用0(零)来分填充数字:

  1. ul>li.item$$$*5

将生成:

  1. <ul>
  2.     <li class="item001"></li>
  3.     <li class="item002"></li>
  4.     <li class="item003"></li>
  5.     <li class="item004"></li>
  6.     <li class="item005"></li>
  7. </ul>

更改列表的起始数字与顺序,看下面的代码就一目了然:

17、数字的倒序,只需在*前添加@-:

  1. ul>li.item$@-*5

将生成:

  1. <ul>
  2.     <li class="item5"></li>
  3.     <li class="item4"></li>
  4.     <li class="item3"></li>
  5.     <li class="item2"></li>
  6.     <li class="item1"></li>
  7. </ul>

18、起始数字,在*前添加@起始数字:

  1. ul>li.item$@3*5

将生成:

  1. <ul>
  2.     <li class="item3"></li>
  3.     <li class="item4"></li>
  4.     <li class="item5"></li>
  5.     <li class="item6"></li>
  6.     <li class="item7"></li>
  7. </ul>

而从起始数字为3的列表倒序,只需把上面的Emmet代码item后面的数字写成@-3*5。

19、文本:{},使用花括号来添加文本元素:

  1. a{Click me}

将生成:

  1. <a href="">Click me</a>

20、注意:当{}作为单独的一个操作符使用时,a{click}和a>{click}将生成相同的标签,但当使用了多个,或用了其它操作符时将会生成不同的标签:

  1. <!-- a{click}+b{here} -->
  2. <a href="">click</a><b>here</b>
  3. <!-- a>{click}+b{here} -->
  4. <a href="">click<b>here</b></a>

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

墨丶水瓶

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: