伪类和伪元素

Posted 2020-09-15

css3为了区分伪类和伪元素，已经明确规定了伪类用单冒号表示，而伪元素则用双冒号表示。双冒号是一种新语法，所有支持css3的双冒号语法的浏览器都会支持单冒号的语法，但IE8只支持单冒号。

一、伪类

CSS 伪类用于添加一个实际的类来达到某特殊效果，可以同时使用多个伪类。

伪类	作用
:lang	允许创作者来定义指定的元素中使用的语言
:link	将样式加到未被访问过的链接
:hover	当鼠标悬浮在元素上方时，向元素添加样式。
:focus	将样式加到被选中的元素
:active	将样式加到被激活的元素
:visited	将样式加到被访问过的链接
:first-child	将样式加到元素的第一个子元素

 

二、伪元素

CSS 伪元素用于添加一个实际的元素来达到某特殊效果，只能同时使用一个伪元素。

伪元素	作用
:before	在元素之前插入内容
:after	在元素之后插入内容
:first-letter	将样式加到文本的首字母
:first-line	将样式加到文本的首行