伪元素::before和::after

伪元素 ::before和::after

原先在一些网页上看到了这一类伪元素，在翻找了一些资料后，有一些收获。可能不齐全。
现在，伪元素使用双冒号作为语法，伪类用单冒号作为语法。在css3中用其与伪类区分开来。
例如：
伪元素： ::before
::after
伪类： ：hover
：active

伪元素将在内容前后插入一个额外的元素。但他们实际上不是在文档中生成，但在文档中可见。在网页源代码中找不到他们。他们是假的元素。

before将在内容选择器之前添加
after将在内容选择器后添加

p::before{
content：前面；
color：red；
}
p::after {
content:后面；
color：red；
}

在使用::before和::after时，一定要使用content。否则无用。
::before和::after虽然是伪元素，但他们的用法和效果是非常好的。我们可以为他们进行css样式设置。例如：改变背景颜色，调整字体大小，对文字进行美化…

::before和::after是内联（inline）元素。
可以通过设置display：block来改变元素特点。

after和before多是用来清除浮动的
after和before是一个标签，所以可以利用这个伪元素来清除浮动。

伪元素属于主元素的一部分

利用这两个伪元素，可以实现各种效果，如箭头，三角符等…

这里的前后并不是位置上的前后，而是文档流里的前后。