如何使用 CSS 选中激活标签的相邻元素并修改其圆角？

发布日期： 2024-11-07 阅读量： 作者： 网络

如何使用 css 选中激活标签的相邻元素并修改其圆角？

css 选中激活标签相邻元素的技巧

为了实现图片中展示的样式，即点击激活的标签添加 active 类名，同时修改它相邻前后元素的圆角，css 代码可以采用以下方式：

方法一：:has 选择器（兼容性较差）

li:has(+li.active) {
  border-radius: 0 0 10px 0;
}

随便看看