css 伪元素::after

css ::after用来创建一个伪元素，做为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

由于伪元素本身是行内元素，所以要变成块级元素的需要使用 display: block

以下是画一个三角形的图案的样式。

content是一定需要的，content 可以是：

值得注意的是:

:after 和 ::after的关系

content:，顾名思义，这是定义伪元素内容的

: before（或:after）伪元素选择器用于在某个元素之后插入一些内容（注意，不是伪类）。

怎么说好呢，这个还是得看个人理解，我是这样认为得，其实就是用after 或者before去调用引用content里面原有得样式。 面对做得好得网页，我有得时候也会想这个是怎么做得。。。然后F12学习下= = 第一张图得UL的class 属性里面应该有.clearfix 这个样式名的。

一基本语法平常仅仅需要将这两个伪元素用于添加一些自定义字符时，只需使用伪类使用的单冒号写法，以保证浏览器的兼容性：p:before{}不过，在CSS3中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了display或者width等属性

---