java emmt插件_Emmet缩写语法
缩写语法
Emmet 使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性。
元素
可以使用元素名(如 div 或者 p)来生成 HTML 标签。Emmet 没有预定义的有效元素名的集合,可以把任何单词当作标签来生成和使用:div →
等。
嵌套运算符
嵌套运算符用于以缩写的方式安排元素在生成文档树中的位置:将其放在内部或成为相邻的元素。
子: >
可以使用 > 运算符指定嵌套元素在另一个元素内部:
div>ul>li
生成的结果为:
兄弟: +
使用 + 运算符将相邻的其它元素处理为同级:
div+p+bq
生成的结果为:
上升: ^
使用 > 运算符将会降低所有后续所有元素在生成树中的级别,每一级的兄弟元素也被解析成相同深度的元素:
div+div>p>span+em
将生成:
使用 ^ 运算符,能够提升元素在生成树中的一个级别,并同时影响其后的元素:
div+div>p>span+em^bq
将生成:
可以连续使用多个 ^ 运算符,每次提高一个级别:
div+div>p>span+em^^^bq
将生成:
重复: *
使用 * 运算符可以定义一组元素:
ul>li*5
将生成:
分组: ()
括号用于在复杂的 Emmet 缩写中处理一组子树:
div>(header>ul>li*2>a)+footer>p
将生成:
如果想与浏览器 DOM 协同工作,可能想要对文档片段分组:每个组包含一个子树,所有的后续元素都插入到与组中第一个元素相同的级别中。
能够在组中嵌套组并且使用 * 运算符绑定它们:
(div>dl>(dt+dd)*3)+footer>p
将生成:
使用分组,可以使用单个缩写逐个写出整页的标签,不过尽量不要这么做。
属性运算符
属性运算符用于编辑所生成的元素的属性,在 HTML 和 XML 中可以快速地为生成元素添加 class 属性。
ID 和 CLASS
在 CSS 中,可以使用 elem#id 和 elem.class 注解来达到为元素指定 id 或 class 属性的目的。在 Emmet 中,可以使用几乎相同的语法来为指定的元素添加这些属性:element:
div#header+div.page+div#footer.class1.class2.class3
生成:
java emmt插件_Emmet缩写语法相关推荐
- java分页插件PageHelper的内置list数据操作失败
问题描述: java分页插件PageHelper的内置list数据在hanlder处理器中获取失败,但是测试确通过了,如下图 但是测试代码成功 @ContextConfiguration(locati ...
- Java学习之路-----Java基础简介,基础语法,Java标识符,修饰符,关键字与注释
这里写目录标题 Java简介 Java发展历程 Java语言平台版本 Java语言的特点 Java语言跨平台原理--JVM JRE和JDK JDK安装路径下的目录解释 Java基础语法 Java标识符 ...
- ANTLR4入门(三):使用mave ANTLR4插件(antlr4-maven-plugin)执行语法解析生成器
在上篇博客<ANTLR4入门(二):图示说明eclipse安装Antlr4IDE插件的过程>,我费半天劲装好了Eclise的AntlrIDE插件,简单的创建一个ANTLR 4 工程,感受了 ...
- 扩展阿里巴巴 Java 开发规约插件,打造团队专属风格!
关注不迷路 1.前言 工作中难免会遇到维护别人代码的情况,那么首先就得看懂别人写的代码.如果对方写的代码混乱臃肿,维护成本必然很高,如果对方写的代码优雅清晰,那维护的人看起来必然心情愉悦.正所谓&qu ...
- (004) java后台开发之Eclipse(Neon) 版本安装Java EE插件
Eclipse Neon Java版本安装Java EE插件 Help→Install New Software 地址:Neon - http://download.eclipse.org/relea ...
- Emmet (ZenCoding) 缩写语法
Emmet 使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性. 元素 可以使用元素名(如 div 或者 p)来生成 HTML 标签.Emmet 没有预定义的有效元素名的集合,可以 ...
- java jfreechart下载_jfreechart下载-JFreeChart下载安装[java图表插件]-PC下载网
JFreeChart正式版 JFreeChart正式版是款可以开发各种复杂图表的java图标插件.java图表插件能够开发柱形图.混合图.线图.区域图.分布图.混合图.甘特图以及一些仪表盘等.JFre ...
- Java中的10颗语法糖
语法糖(Syntactic Sugar):也称糖衣语法,指在计算机语言中添加的某种语法,这种语法对语言的功能没有影响,但是更方便程序员使用.通常来说,使用语法糖能够增加程序的可读性,减少程序代码出错的 ...
- IDEA阿里巴巴Java开发规约插件使用
IDEA阿里巴巴Java开发规约插件使用 在 10月14日上午9:00 阿里巴巴于在杭州云栖大会<研发效能峰会>上,正式发布<阿里巴巴Java开发手册>扫描插件,该插件在扫描 ...
最新文章
- hbase shell-namespace(命名空间指令)
- c语言测验答案,C语言测验题答案.doc
- linux收发十六进制工具,linux下的十六进制编辑器---wxHexEdit
- windows10 安装mqtt服务器和client客户端进行本地调试
- java 8 list和数组之间的相互转换
- Python使用秦九韶算法求解多项式的值
- 关于Spring3 MVC的 HttpMediaTypeNotSupportedException
- php格式转换rar,如何在PHP中创建压缩的RAR文件?
- 黑客入门,从HTB开始
- 如何免费低价获取一切资源?​
- java蓝桥杯练习 调和数列问题
- 基于STM32F429,Cubemx的SDHC卡的基本Fatfs文件移植
- hdu2476 字符串A-字符串-B
- B站李永乐讲解傅里叶变换--笔记
- MySQL必知必会2
- npm install 报错 Failed at the XXX install script
- 支持全球游戏加速 飞鱼星发烧级玩家路由G7上市
- Object类型数据转为int型数据
- 计算机组成原理-作业1
- Word在试图打开文件时遇到错误。 请尝试下列方法: * 检查文档或驱动器的文件权限。 * 确保有足够的内存和磁盘空间。 * 用文件恢复转换器打开文件。
热门文章
- 惠而浦扫地机器人充不进电_【今日关注】惠而浦扫地机器人怎么样?体验2个月之肺腑之言? | 智能扫地机器人评测...
- 英雄无敌6服务器在哪个文件夹,Win7系统无法运行英雄无敌6的两种原因和解决方法...
- OpenShift 4 - 了解Secret
- 边缘设备上的实时AI人员检测:入门
- Abp vnext Web应用程序开发教程 8 —— 作者:应用程序层
- 谷歌开源 Kotlin 版本 gRPC
- ASP.NET核心之路微服务第01部分:构建视图
- Ubuntu 19.10 停止支持 32 位的 x86 架构
- 使用LazZiya.ExpressLocalization开发多语言ASP.NET Core 2.x项目
- Oracle 语句连接字符,oracle拼接字符串当sql语句