CSS基础知识：伪类选择器和伪元素选择器

css基础知识复习与学习（5）

css的选则器（2）

之前复习了css的简单选择器，包括id选择器，class选择器，标签选择器（也叫元素选择器），通配选择器。属性选择器，属性选择器中又包括含有属性，属性中只有某个值，属性中含有某个值，属性值中的某个部位含有某些字段等几种情况。今天来复习伪类和伪元素选择器。

伪类选择器。

英文中叫pseudo-class，我想这大概是直译过来的吧。实际上伪类选择器更像是一种定制选择器或者特殊场景选择器。就像段誉的六脉神剑一样，只有在一些特殊情况下，他才会使出来。否则是看不到的。

伪类出现的场景一般是“选择器:伪类名”，最常见的是链接的几种形式，如下：

下面是一份从mdn抄过来的伪类列表，先浏览一下伪类列表，后面专门来做一个伪类详解。

伪元素选择器

英文叫Pseudo-element，似乎也是直译，但我觉得还是比较贴切。它们不是htm标签，但是会实实在在的出现在网页上。用来辅助html实现更好的效果。伪元素的形式和伪类相似，只是多了对冒号“选择器::伪类”

以下列出伪元素列表：

::after

::before

::first-letter

::first-line

::selection

::backdrop

Teilen