Emmet安装及常用手册( 五 ) _phpstorm

<div>
<p><span></span><em></em></p>
<blockquote></blockquote>
</div>
输入 div+div>p>span+em^^bq
生当作：
<div></div>
<div>
<p><span></span><em></em></p>
</div>
<blockquote></blockquote>
.
分组：()
输入 div>(header>ul>li*2>a)+footer>p
生当作：
<div>
<header>
<ul>
<li><a href=https://vvvtt.com/article/"">
<li><a href=https://vvvtt.com/article/"">
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
输入 (div>dl>(dt+dd)*3)+footer>p
生当作：
<div>
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
无故删我原创，无故删我原创，请清空我的经验，我需要全数删除经验，退出百度经验
</div>
<footer>
<p></p>
</footer>
注重：上面各类标签的组合可以良多种，需要你本身矫捷应用，就可以少打良多字符。其实把握不了，也不妨，多打几个字符，马步扎得稳，扫地僧一样可以磨当作年夜神。就像哥这种10年里学了各类绝学神功，因为声音残疾，此刻仍是4k的扫地僧，不和功力有关，仍是和生成的际遇有关吧！

2标签独一性缩写技巧。
em、ul、table如许的标签里面临应的标签都是固定的，如许里面的标签可以省略失落。
.
好比输入 em>.class
生当作代码：<em><span class="class"></span></em>
按照规范地输入是em>span.class，这里我们省略了span 。
.
输入 ul>.nav
生当作代码：
<ul>
<li class="nav"></li>
</ul>
按照规范地输入是ul>li.nav，这里我们省略了li 。
.
输入 table>.row>.col
生当作代码：
<table>
<tr class="row">
<td class="col"></td>
</tr>
</table>
按照规范地输入是table>tr.row>td.col，这里我们省略了tr、td 。
.
输入 ul+
生当作代码：
<ul>
<li></li>
</ul>
.
输入 table+
生当作代码：
<table>
<tr>
<td></td>
</tr>
</table>
.
输入 tr+
生当作代码：
<tr>
<td></td>
</tr>
.
输入 select+
生当作代码：
<select name="" id="">
<option value=https://vvvtt.com/article/"">
</select>

3有时辰无私地帮忙菜鸟当作为年夜神，总会引起一些伪年夜神的仇恨，究竟结果新人的涌入势必威胁他们的经济好处和降低了他们的存在感。

Emmet安装及常用手册( 五 )

猜你喜欢