美文网首页
emmet常用语法

emmet常用语法

作者: 胡儒清 | 来源:发表于2018-12-13 15:52 被阅读10次

缩写代码:ul#list>(li.item>a[href="xxxx"]{$ xxxx})*5
解读:

  1. ul#list 给ul添加id="list"
  2. ul> 表示给ul添加一个后代元素
  3. li.item 给li添加class="itme"
  4. a[href="xxx"] 给a添加属性href="xxx"
  5. a{xxxx}是变量,从1开始,依次往上加, {} 里面是表示a标签要添加的内容
  6. *5 表示该标签要重复多少次,如果不添加(),重复的是离它最近的标签,加上(),重复的是括号内的内容
<ul id="list">
    <li class="item"><a href="xxxx">1 xxxx</a></li>
    <li class="item"><a href="xxxx">2 xxxx</a></li>
    <li class="item"><a href="xxxx">3 xxxx</a></li>
    <li class="item"><a href="xxxx">4 xxxx</a></li>
    <li class="item"><a href="xxxx">5 xxxx</a></li>
</ul>

相关文章

  • Emmet语法

    Emmet:一款强大的编辑器插件 Emmet的常用语法 点击这里查看链接 Emmet全部语法 链接图片

  • 推荐几款Vscode常用的插件

    Vscode 常用的插件 Vetur —— 语法高亮、智能感知、Emmet等 EsLint —— 语法纠错 Aut...

  • 前端入门03 -- Emmet,复合选择器,显示模式,背景

    Emmet语法 Emmet语法可提高html/css的编写速度,VSCode内部已经集成了该语法; 快速生成Htm...

  • Emmet 常用语法

    Emmet 是一个能大幅度提高前端开发效率的一个工具,通过在编辑器中输入 HTML 或 CSS 的代码缩写,按T...

  • emmet常用语法

    缩写代码:ul#list>(li.item>a[href="xxxx"]{$ xxxx})*5解读: ul#lis...

  • emmet-可以加速html开发的语法!

    前言 emmet是一个语法包,很多的编辑器都支持,常用的像idea,webstorm,vscode,andriod...

  • html5和css3进阶----01

    emmet语法 vscode内置emmet语法结构,点击!+Tab可以生成。想生成什么标签直接输入名字。 父子关系...

  • Emmet语法

    使用Emmet语法可快速生成html框架和标签,以及css代码 ps~本人使用的vscode编辑器 Emmet语法...

  • Emmet语法

    1.Emmet语法 Emmet语法的前身是Zen coding,它使用缩写,来提高html/CSS的编写速度,Vs...

  • 前端Emmet语法文档

    Emmet语法 https://www.w3cplus.com/tools/emmet-cheat-sheet.h...

网友评论

      本文标题:emmet常用语法

      本文链接:https://www.haomeiwen.com/subject/uehbhqtx.html