1、selector:before( sRules ) 它要和content属性一起使用，设置在对象前（依据对象树的逻辑结构）发生的内容； 2、selector:after( sRules ) 和before用法一样，不过它是设置在对象后（依据对象树的逻辑结构）发生的内容； ...

关于伪类元素:before和:after 　CSS中存在一些比较特殊的属性，称之为伪类，它们之中最常用的就是定义链接的伪 :link：未被访问状态 :visited：已被访问状态 :hover：鼠标悬停状态 :active：活动状态 除了它们，还有一些不被常使用的伪类 ...

伪类与伪元素的区别   在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义，而二者在语法是一样的，都是以:开头，这造成很多人会将某些伪元素误认为是伪类，如:before，:after；而在CSS3给出的定义中，二者区别更为明显，也更容易理解。 一、定义 伪类 ...

一、什么是伪类、伪元素呢？ 伪类：伪类对元素的分类是基于特征，而不是基于元素的名字属性或是内容。特征并不可以通过DOM树直接获得。 （伪类选择器就是不存在与HTML文档中，但是用CSS语法可以选择它们，并对其能够渲染修饰） 伪元素：伪元素创造文档语言能够指定的文档树之外的抽象 ...

伪类与伪元素的特性及其区别： 伪类本质上是为了弥补常规CSS选择器的不足 伪元素本质上是创建了一个有内容的虚拟容器 CSS3中伪类和伪元素的语法不同； 伪类 :link :hover 伪元素 ::before ::after (伪类单冒号,伪 ...

大家可能对伪类和伪元素有点迷糊，在介绍具体用法之前，简单介绍下伪类和伪元素。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。 这里整理总结下： 有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 ...

::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法 ...

CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，它们是以CSS选择器的形式出现的，具有标签的表现效果，但是呢又不是真正的标签元素，所以叫做“伪元素”。下面就说一下常见的两个伪元素before和after。 一、伪元素基本用法 在CSS选择器中加上相应伪类 ...