css 伪元素::after

html-css015

css 伪元素::after,第1张

css ::after用来创建一个伪元素，做为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。 由于伪元素本身是行内元素，所以要变成块级元素的需要使用 display: block 以下是画一个三角形的图案的样式。 content是一定需要的，content 可以是： 值得注意的是: :after 和 ::after的关系

简单的来说，伪类是针对CSS，而伪元素是针对HTML，伪类选择器是CSS选择器的一种，而伪类是“假”的HTML标签

伪类（选择器）本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；

伪元素本质上是创建了一个有内容的虚拟容器；

在CSS3中，伪类和伪元素的语法得到了进一步的调整（一个冒号和两个冒号）；

在开发当中，可以同时使用多个伪类，而只能同时使用一个伪元素。

就是可以在某个标签的前面或者后面添加一个虚拟元素,需结合content使用

可以像设置普通标签一样设置该元素的css样式 如下:

div:after {

visibility: hidden

clear: both

display: block

height: 0px

content: "."

}

这段代码可以闭合浮动元素