SOURCE

<div>
    <p>锦瑟</p>
    <p class="bai">梦游天姥吟留别</p>
    <button>点我一下</button>
</div>

p::before{
    /* before伪元素使用的时候只对before内容生效 */
    content: "李商隐";
    color:red;
    background: blue;
    font-weight: bold
}
p{
  /* p标签只对自己的内容有效，对伪元素中添加的内容无效 */
  color:yellowgreen
}

.bai::after{
  /* after是作用在内容之后 */
  content: "李白";
  color:black
}
button::after{
    content: "轻轻";
    background: burlywood
}