css中伪类与伪元素的区别

看了网上的有助于理解css中伪类与伪元素区别的帖子，做了如下笔记：

一：定义：

1.css伪类用于向某些选择器添加特殊的效果

2.css伪元素用于将特殊的效果添加到某些选择器

3.都是向选择器添加特殊效果的（即用css无法描述的效果）

二：理解：

a.

伪类的效果是通过给要加特殊样式的元素，增加一个类来完成实现的

伪元素的效果是通过给要加特殊样式的内容加一个元素来实现的

b.  

伪类的效果可以通过添加一个实际的类来达到；

而伪元素的效果则需要添加一个实际的元素才能达到；

c     eg：first-child（伪类） first-letter（伪元素）

为了实现first-child的效果，实际上也相当于伪造了一个元素，将首字母放到该元素中，然后再添加样式来实现效果；

而first-child 就相当于直接给自己的第一个元素添加样式，并不需要伪造一个新的元素

d    first-child 的作用就像一个类名，它只是把你的想要的元素区别出来，那些元素本身就存在；

     first-line则表现得像是“新建了一个元素”一样，以这样的形式去寻找你想要的内容；

     所以，一个“像类”（伪类），一个“像元素”（伪元素）

e   伪类，首先是类的一种，作用域标签本身（状态）

    伪元素，首先是元素，作用于内容本身

三：常见伪类与伪元素

伪类种类：:active

   :focus

   :hover

   :link

  :visited

 :first-child

 :lang

伪元素种类：

:first-letter

:first-line

:before

:after