实例：
a:link{color:#f00;}
a:visited{color:#666;}
a:hover{color:#F60;text-decoration:none;}
a:active{color:#000;}
<a href="http://blog.doyoe.com/">css探索之旅</a>
input:focus,a:focus{background:#f00;/* 点击或按TAB键获得焦点时生效 */}
<a href="http://blog.doyoe.com/">css探索之旅</a>
<input type="text" />
div em:first-child{color:#f00;}
<div><em>web</em>前端开发<em>权威指南</em></div>
伪对象选择符(CSS Pseudo-Elements Reference)
语法：（伪对象选择符共有4种）
1. Selector:first-letter
2. Selector:first-line
3. Selector:before
4. Selector:after
说明：
1. 设置对象内的第一个字符的样式表属性。此伪对象仅作用于块元素。内联元素要使用该伪对象，必须先设定对象具有块元素的表状。
2. 设置对象内的第一行的样式表属性。此伪对象仅作用于块对象。内联对象要使用该伪对象，必须先设定对象具有块元素的表状。
3. 用来和content属性一起使用，设置在对象前（依据对象树的逻辑结构）发生的内容。
4. 用来和content属性一起使用，设置在对象后（依据对象树的逻辑结构）发生的内容。
这几个伪对象选择符都为属于CSS2选择符，其中:first-letter和:first-line目前所有主流浏览器均支持；:before和:after非IE核心浏览器及IE8支持。
实例：
div:first-letter {color:#f00;}
<div>我是一只丑小鸭，伊啊伊啊哟</div>
div:first-line {color:#f00;}
<div>我是一只丑小鸭，伊啊伊啊哟</div>
div:before {content:"web";}
<div>前端开发</div>
div:after {content:"…";}
<div>大段的文字</div>
待修改完善。。。
