关于怎么改变border-bottom 的长度解决方法

想做一个这个效果,有很多类目切换时候添加cur样式

解决:运用:after来解决

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

 .item.cur{

position: relative;//给当前元素添加相对定位,也就是after的父级

&:after {

content: " ";

width: 0.5rem;

height: 0.12rem;

background: red;

position: absolute;

bottom: -0.1rem;

left: 50%;

transform: translateX(-50%);//居中处理

}

}