解决父元素的伪元素覆盖子元素

为了完成以下记事本样式

用父元素(footer)的伪元素来写阴影，结果子元素(span) clear点击不到

给伪元素设置 pointer-events:none; 就可以解决

<footer>
	<span>{
   
   {list.length}} item left</span>
    <span class="clear" @click="reAll">clear</span>
</footer>

---

一开始打算给伪元素的设置z-index来降低层级，可以是可以，但是会破坏阴影效果。