标签：
向未访问的链接添加特殊的样式。也就是说，链接所指的 URI 尚未出现在用户代理的历史中。这种状态与 :visited状态是互斥的。
对已访问的链接添加样式。
对鼠标悬停时的链接应用样式
对鼠标聚焦的链接应用样式
向激活（在鼠标点击与释放之间发生的事件）的元素添加特殊的样式。
对于上述伪类，要遵循顺序书写！！
从父元素匹配索引为n的子元素，设置样式，n从1开始 nth-child(1)与first-child相同
<body>
<div>
<p>p1</p>
<p>p2</p>
<span>span1</span>
<span>span2</span>
</div>
</body>
div p:nth-child(1)时 为第一个p元素应用样式
div span:nth-child(1)时 匹配不到任何元素，以为span为div的第三个子元素
从父元素匹配第n个指定元素的子元素 nth-of-type(1)与first-of-type相同
div p:nth-of-type(1)时 为p1应用样式
div span:nth-of-type(1)时 为span1应用样式
在涉及的uri被使用的时候，把样式应用到指定元素上。
选择没有子元素（包括文本节点）的元素。
E:not(F){}，选择父元素E中除了F的所有元素 应用样式。
选择被选中的元素应用样式，多用于表单的单选，复选框。
选择禁止输入/允许输入的元素应用样式，多用于input中
设置首字母样式
设置第一行样式
E::before{content:"";color:red;}
对E元素之前添加一个行内元素，其内容为content中的内容，可自行设置样式
与::before相反
标签：
原文地址：http://www.cnblogs.com/yuzheCyril/p/5435294.html
