css如何实现选中激活标签相邻的前后元素？？-灵析社区

想实现图片中的样式,点击激活的标签添加上active类名，然后选择active类名相邻的前后元素（改变相邻的前一个元素的右下角的圆角，改变相邻的后一个元素的右上角圆角）  .left{ width: 100px; } .left li{ height: 45px; display: flex; align-items: center; justify-content: center; transition: all .3s; background: pink; } li.active{ background: #fff; } li.active+li{ border-radius: 0 10px 0 0; } {{item.name}}