:before伪元素和:after伪元素

:before 伪元素在元素之前添加内容。
:after 伪元素在元素之后添加内容。
这两个伪元素允许创作人员在元素内容的最前面或者最后面插入生成内容。
默认行内元素，可以使用属性 display 改变。
【需要与content属性一起使用，为源文档中不存在的内容设置样式的】

<h3>If you can do what you do best and be happy, you're further along in life than most people.</h3> 
<p>只要能把自己的事做好，并让自己快乐，你就领先于大多数人了。</p> 

h3:before{ content: "原文："}  
p:after{color:blue;content: "【翻译】";} 

结果展示：