css伪元素实现右边的分割线

伪元素

概念：创建一些不在文档树中的元素，并为其添加样式。就是选取某些元素前面或后面这种普通选择器无法完成的工作,虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。

它可以用于

• 设置元素的首字母、首行的样式
• 在元素的内容之前或之后插入内容

:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下：

:after

.spans_s:after {

      content: '￥';

     color:blue;
    }

看看效果，每一个元素后面都加上了一个伪元素￥

 改进一哈，清除最后一个.spans_s的￥符号

.spans_s:last-child:after{
        content: '';
    }