伪类的种类
| 伪类 | 作用 |
|---|---|
| :active | 将样式添加到被激活的元素 |
| :focus | 将样式添加到被选中的元素 |
| :hover | 但鼠标悬浮在元素的上方时,向元素添加样式 |
| :link | 将样式添加到未被访问的链接 |
| :visited | 将样式添加到被访问的链接 |
| :first-child | 将样式添加到元素的第一个子元素 |
| :lang | 定义指定元素中使用的语言 |
伪元素的种类
| 伪元素 | 作用 |
|---|---|
| :first-letter | 将样式添加到文本的首字母 |
| :first-line | 将样式添加到文本的首行 |
| :before | 元素之前的样式 |
| :link | 元素之后的样式 |
w3c中的定义
伪类:用于向某些选择器添加特殊的效果
伪元素: 用于将特殊的效果添加到某些选择器
理解
伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。
css3为了区分二者,明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。










网友评论