CSS 伪元素是一项强大的功能，它允许您为所选元素的特定部分设置样式，而无需额外的 JavaScript 代码。虽然许多开发人员都熟悉常用的伪元素，例如::before和 ::after，但还有一些其他元素经常被忽视或未得到充分利用

伪元素用于向某些选择器设置特殊效果。已存在元素是指DOM中存在的，伪元素则是虚拟的一种，样式也是给这个虚拟的元素使用的。

现在，在使用 <ul> 或 <ol> 时自定义数字或项目符号的颜色，大小或类型很简单。利用css的:marker伪元素，我们可以很轻易的更改内容以及项目符号和数字的某些样式。::marker伪元素它作用在任何设置了display:list-item的元素或伪元素上

CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 conter(计数器)。

css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？

我们经常遇到图标和文字挨着，不管图标怎么调都很难与文字和谐共处一行，很难实现垂直对齐。这个古老的话题有挺多解决方式的，很多人借助复杂的position: absolute硬调，挺麻烦的，还要写很多代码，不过使用伪元素的话，几行就可以搞定啦！