- ♥多项：* , 缩写：
ul>li*5
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
- ♥Class类：. , 缩写：
div.top*2（Class类可以多次使用）
<div class="top"></div>
<div class="top"></div>
缩写：p.class1.class2.class3
<p class="class1 class2 class3"></p>
- ♥Id类：**# ** , 缩写：
div#top(一个Id类只能使用一次)
<div id="top"></div>
缩写：form#search.wide
<form id="search" class="wide"></form>
- ♥自增符号：*
5`
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>
- ♥子元素：> , 缩写：
nav>ul>li
<nav>
<ul>
<li></li>
</ul>
</nav>
- ♥兄弟元素：+ , 缩写：
div+div >p> span+em
<div></div>
<div>
<p><span></span><em></em></p>
</div>
- 自定义属性：[]
缩写：p[title=”Hello world”]
<p title="Hello world"></p>
缩写：td[rowspan=2 colspan=3 title]
<td rowspan="2" colspan="3" title=""></td>
缩写：[a=’value1’ b=”value2”](a,b为属性，value为属性值。具体使用见上面的例子)
<div a="value1" b="value2"></div>
- 文本：{}
缩写：a{Click me}
<a href="">Click me</a>
