认识一下伪**吧~

/*温馨提示：若觉得黑白的反差“亮瞎眼”，可适当调低屏幕亮度~*/

　　今天我希望在画家的路上走走，惊叹于CSS的神奇之余，发现我对类似“ ：***  ”的东西好陌生，于是乎，让我们来认识一下它吧。

　　1.CSS伪元素

　　　　:first-line   用于向文本的首行设置特殊样式

　　　　:first-letter   用于向文本的首字母设置特殊样式(font color background margin padding border float vertical-align[float为none时] text-decoration text-transform line-height clear)

　　　　　　以上两个伪元素可以配合使用

 

　　　　:before   可以在内容前面插入新内容  eg.   h1:before{content:url(***.gif)}  在内容前插入图片

　　　　:after    可以在内容后面插入新内容

 

---

　　2.CSS伪类

　　　　:link 定义未访问链接样式

　　　　:visited 定义已访问链接的样式

　　　　:hover 定义鼠标移动到链接上时的元素

　　　　:active 定义已选链接的样式  （IE7，IE6不支持）

　　　　　　以上属性定义时应注意定义顺序，在IE6中，链接以上4个链接相关的伪类只能用于<a>标签

　　　　:focus 设置获得焦点时的样式（IE下不工作，但若规定了！DOCUTYPE，则IE8及以上版本支持）

　　　　:first-child 设置第一个子对象（注意：不是元素）样式（必须声明！DOCUTYPE，在IE下才生效）

　　　　:land 为不同语言定义特殊规则

 

---

最后感受一下CSS的魅力吧~灵活利用CSS2+CSS3+:before+:after