今天遇到个小问题
要实现一个 每一个词后面加上 “/”但是最后一个字段不加的需求
但是按照平时的思维只能实现成这样
最后面的地方一定会有 “/”的出现,如果不用js,纯css就难以实现需求
不过办法总是会有滴!就是要运用到 ::after和::before 的知识点了
惯例上w3c的解释
::after-定义和用法
::after 选择器在被选元素的内容后面插入内容。
请使用 content 属性来指定要插入的内容。
::before-定义和用法
::before 选择器在被选元素的内容前面插入内容。
请使用 content 属性来指定要插入的内容。
。
::after 和 ::before 他们两个都是伪元素,为了和伪类元素区分,写法最好写成双冒号 :: ,作用都差不多:一个是在元素后面加内容,一个是在元素前面加内容,
.aaa::after{
content:
'/';
}
.aaa:last-child::after{
content:
'';
}