CSS伪元素能改写哪些效果或实现哪些复杂布局？

本文共计1032个文字，预计阅读时间需要5分钟。

CSS的伪元素可应用于选中元素（指定选择器）以添加特殊效果。伪元素是一个附加在选择器末尾的关键字，通过伪元素，开发者可以针对元素的部分区域进行样式定制，而无需依赖元素的ID或class属性。

css的伪元素可以给被选元素（指定选择器）添加特殊效果。伪元素是一个附加在选择器末尾的关键词，通过伪元素，开发者不需要借助元素的ID或class属性就可对被选择元素的特定部分定义样式。在定义伪元素时使用双冒号“::”，以便区分伪类和伪元素。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css的伪元素可以给被选元素（指定选择器）添加特殊效果。

伪元素是什么？可以做什么？

元素事实上是HTML中的概念，常常把HTML中的标签称作为元素。那么伪元素是什么呢？从其名称上来说，伪即为假，在实际的DOM中是不存在的，而事实上呢？我们可以借助一些CSS的特性让其模拟成一个元素，对于这样的元素我们称之为伪元素。

CSS 伪元素用于向某些选择器设置特殊效果；可以选中元素的特定位置，并应用样式。

伪元素其实是一个附加在选择器末尾的关键词，通过伪元素您不需要借助元素的 ID 或 class 属性就可以对被选择元素的特定部分定义样式。

例如通过伪元素您可以设置段落中第一个字母的样式，或者在元素之前、之后插入一些内容等等。

在 CSS1 和 CSS2 中，伪元素的使用与伪类相同，都是使一个冒号:与选择器相连。但在 CSS3 中，将伪元素单冒号的使用方法改为了使用双冒号::，以此来区分伪类和伪元素。因此，建议在使用伪元素时使用双冒号而不是单冒号。