CSS中的before,after伪类选择器

首先,它是在css中的,所以不占DOM,既然不占DOM,JS就没办法操作

第二,它就是个选择器,我们需要在选择器中填入内容 所以必须有content属性,就算是空也必须有

第三,没有什么神秘的,非用不可的情况 可以使用html改写

<div class="demo">
  123
</div>
.demo:before {
      content: 'abc';
.demo::after {
      content: 'aftercontent';
  clear: both;
}



--------------------------------------
以上代码相当于
<div class="demo">
  <span>abc</span>
  123
  <span style="clear:both">aftercontent</span>
</div>