css伪类和伪元素

什么是类：

在HTML中当表现class属性的时候，可以用点“.号+class属性名"来选择标签，给标签添加一定的样式，此类选择符叫类选择符。

什么是伪类：

伪类：伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。在感觉上伪类可以是动态的，当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是”:first-child”能通过文档树推断出来，”:lang”在一些情况下也在从文档树中推断出来。

什么是伪元素： 

伪元素：伪元素是创造关于文档语言能够指定的文档树之外的抽象。例如文档语言不能提供访问元素内容第一字或者第一行的机制。伪元素允许设计师引用它们，否则这是难以办到的。伪元素还提供样式设计师给在源文档中不存在的内容分配样式（例如：:before和:after能够访问产生的内容）

我个人通俗的理解就是：(不知道能不能这样理解)

伪类相当于给标签加一个”类“，即加另一个样式，例如当用：hover时，我们就可以给相应的标签加上一些其他的样式

伪元素就是相当于给文档上加上一个新的”标签“，所以称之为”元素“

css的伪类有：:active， :focus， :hover，:link， :visited，:first-child， :lang

css的伪元素有：:first-line，:first-letter，:before，:after 

另外，现在css3中有单冒号和双冒号，例如::before,::after

具体的区别是：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素，这是为了用于区分伪类和伪元素

但是浏览器仍然支持旧的已经存在的伪元素写法，比如:first-line、:first-letter、:before、:after等，而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。

对于CSS2之前已有的伪元素，比如:before，单冒号和双冒号的写法::before作用是一样的。