十二生肖就像一个钟表的轮盘，在零点的时刻开始，在零点的时刻结束，每一分，每一秒，表盘上都在滴滴答答的演绎着或美好或悲伤，或惊喜或忧愁的故事。

过去的12年，是一个纯情的年代，在表盘归零的时候，恍然发现，这种纯情早以被遗弃，世界在变化，我们每一个人也在变化。

人如宝剑，少年时是随心所欲剑从心生，我们在那个年代挥舞着，挥霍着，虽然毫无章法，但也能不时画出几下凌厉的招式，但终究只是“几下”。

如今，归零时刻，我默默的磨剑，我知道了要想仗剑行天涯，必要十年磨一剑！

过去的十二年，江湖没有哥的传说；将来的十二年，江湖将会流传哥的传说。

12年，一个归零，12年，一个启始。

十二年，虎年来了。

Rel-License 是微格式的开发标准之一，简单的说就是通过给引用标签（通常是链接）加上REL属性，来标明所引用链接/数据与文章的关系。

WordPress很早就引入了rel标准，在我们添加新链接的时候就可以看到“关系”属性。

早期某些社交类搜索引擎可根据这个标签来判断人与人之间的关系，但它对网页开发来说并无意义，值得庆幸的是随着浏览器的逐渐升级，我们可以利用CSS属性选择器以及REL来做一些有意思的功能。

这是一段带有REL属性的HTML结构。

<ul>
<li><a href="#" rel="civil">小李</a></li>
<li><a href="#" rel="party">局长</a></li>
</ul>

页面中他呈现这个样子

因为局长和小李是两个不同的阶级，所以我们应该有区分他们，我打算在小李和局长后面增加两张图片让他表现出这个样式。

过去，我们需要在两个链接标签上增加不同的class来实现这种样式，并且我们需要针对不同的样式书写不同的CSS

 .c,.b {background:url(01.png) right center no-repeat;}
 .b {background-image:url(02.png);}

<ul>
<li><a href="#" rel="civil" class="c">小李</a></li>
<li><a href="#" rel="party" class="b">局长</a></li>
</ul>

现在，我们可以利用REL属性以及属性选择器来完成这个工作。

a[rel~="civil"]{background:url(01.png) right center no-repeat;}
a[rel~="party"]{background:url(02.png) right center no-repeat;}

同时，我们的HTML结构也可以剔除那些多余的样式了。

<ul>
<li><a href="#" rel="civil">小李</a></li>
<li><a href="#" rel="party">局长</a></li>
</ul>

另外:ie6不支持属性选择器，但我们可以用JS来修复这个问题。