CSS中伪类和伪元素的区别

伪类：

CSS 伪类用于向某些选择器添加特殊的效果。

如：

锚伪类==a:hover  a:visited a:link  a:action

:first-child 伪类

使用 :first-child 伪类来选择元素的第一个子元素

:lang 伪类

:lang 伪类使你有能力为不同的语言定义特殊的规则。在下面的例子中，:lang 类为属性值为 no 的 q 元素定义引号的类型：

伪元素：

CSS 伪元素用于向某些选择器设置特殊效果。

如：

:first-line 伪元素   伪元素用于向文本的首行设置特殊样式。"first-line" 伪元素只能用于块级元素。

:first-letter 伪元素  "first-letter" 伪元素用于向文本的首字母设置特殊样式：

伪元素和 CSS 类

伪元素可以与 CSS 类配合使用：

p.article:first-letter
  {
  color: #FF0000;
  }

<p class="article">This is a paragraph in an article。</p>

上面的例子会使所有 class 为 article 的段落的首字母变为红色。

:before 伪元素    ":before" 伪元素可以在元素的内容前面插入新内容。

:after 伪元素     ":after" 伪元素可以在元素的内容之后插入新内容。