::after和::before的使用

今天遇到个小问题

要实现一个 每一个词后面加上 “/”但是最后一个字段不加的需求

但是按照平时的思维只能实现成这样

最后面的地方一定会有 “/”的出现，如果不用js，纯css就难以实现需求

不过办法总是会有滴！就是要运用到 ::after和::before 的知识点了

惯例上w3c的解释

::after-定义和用法

::after 选择器在被选元素的内容后面插入内容。

请使用 content 属性来指定要插入的内容。

::before-定义和用法

::before 选择器在被选元素的内容前面插入内容。

请使用 content 属性来指定要插入的内容。

。

::after 和 ::before 他们两个都是伪元素，为了和伪类元素区分，写法最好写成双冒号 :: ,作用都差不多：一个是在元素后面加内容，一个是在元素前面加内容，

.aaa::after{

    content: '/';

}

.aaa:last-child::after{

content: '';

}