伪类专门用来表示元素的一种特殊的状态（所有的伪类都有冒号）

比如：访问过的超链接、普通的超链接、获取焦点的文本框
当我们需要为处在这些特殊状态的元素设置样式时，就可以使用伪类

如何选择并集伪类元素？

  a:hover,p:hover{
            color: blue;
        }
        a:active,p:active{
            color: chartreuse;
        }
      active 和 hover 对p标签也可以起作用，但是在IE6中只能对a设置

常用的伪类选择器

image.png
visited中只能设置字体颜色，不能设置其他样式
在IE6中还可以设置背景颜色。

其他的为类选择器

image.png

选中的元素如何兼容火狐浏览器？

增加-moz-即可

 p::-moz-selection{
            background-color: lightcoral;
        }

---

伪元素选择器

使用伪元素来表示元素中的一些特殊的位置

（伪类表示特殊状态，伪元素表示特殊位置）

如何给第一个字设置样式？

 p:first-letter{
            color: lightcoral;
        }

如何给第一行字设值样式？

p:first-line{
            background-color: chartreuse;
        }

before和after的特殊位置？

p标签和第一个字之间的空隙叫做before
p标签和最后一个字之间的空隙叫做after

before和after的使用方法

p:before{
            content:"我会出现在整个段落的最前边" ;
            color: aqua;
}
使用时的注意事项：
1、在伪元素before的使用中，必须要结合content使用，这样在p标签和第一个字之间才会有内容。
2、会被first-line样式覆盖掉。
3、无论怎么选，都不会选中before或者after的内容