Emmet插件常用语法

最新推荐文章于 2024-04-27 23:41:53 发布

大海哪蓝

最新推荐文章于 2024-04-27 23:41:53 发布

阅读量118

点赞数

文章标签： ide 编辑器 sublime text

本文链接：https://blog.csdn.net/wang178yang/article/details/130173704

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
<!--
html:5 或者 ! 说明：生成基本HTML5结构

script
script:src
link
p.info
.red
h2#header
a
a:link
a:mail
h5>span

li*3

h2+.list

.con>((.left>(h3+a))+(.right>(h3+a)))

h2>span^ul.list>li*3^.imgbox>img

a{中文网}
p[title="说明文字"]

ul.list>li.item*5>a{导航名称$}	说明：生成从1开始的编号：$

ul.list>li.item*3>a{导航$$}		说明：生成以0为前缀的编号：$$

ul.list>li.item*3>a{导航$@-} 	说明：生成倒序编号：$@-

ul.list>li.item*3>a{导航$$$@10}	说明：生成以0为前缀从10开始的编号（注意，这里如果$的个数不大于10的位数则前面不生成前缀0）：$@-

 -->
<script></script>
<script src=""></script>
<link rel="stylesheet" href="">
<p class="info"></p>
<div class="red"></div>
<h2 id="header"></h2>
<a href=""></a>
<a href="http://"></a>
<a href="mailto:"></a>
<h5><span></span></h5>

<li></li>
<li></li>
<li></li>

<h2></h2>
<div class="list"></div>

<div class="con">
	<div class="left">
		<h3></h3>
		<a href=""></a>
	</div>
	<div class="right">
		<h3></h3>
		<a href=""></a>
	</div>
</div>

<h2><span></span></h2>
<ul class="list">
	<li></li>
	<li></li>
	<li></li>
</ul>
<div class="imgbox"><img src="" alt=""></div>

<a href="">中文网</a>
<p title="说明文字"></p>

<ul class="list">
	<li class="item"><a href="">导航名称1</a></li>
	<li class="item"><a href="">导航名称2</a></li>
	<li class="item"><a href="">导航名称3</a></li>
	<li class="item"><a href="">导航名称4</a></li>
	<li class="item"><a href="">导航名称5</a></li>
</ul>

<ul class="list">
	<li class="item"><a href="">导航01</a></li>
	<li class="item"><a href="">导航02</a></li>
	<li class="item"><a href="">导航03</a></li>
</ul>

<ul class="list">
	<li class="item"><a href="">导航3</a></li>
	<li class="item"><a href="">导航2</a></li>
	<li class="item"><a href="">导航1</a></li>
</ul>

<ul class="list">
	<li class="item"><a href="">导航010</a></li>
	<li class="item"><a href="">导航011</a></li>
	<li class="item"><a href="">导航012</a></li>
</ul>
</body>
</html>