我买了30万的鞋子

SCSS中特定子选择器不生效的问题？

scss 第二个子选择器失效问题 有如下代码,它无法按照预期运行： html: 无床位 有床位 scss: .top-info{ color: $fontColor; >div{ width: .75rem; height: .75rem; } >div:first-child{ background-color: $withoutBed; } >div:nth-child(2){ background-color: $hasBed; } } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240918/dd0477deac79d19a4eee98c39b86d03a.png) 但若改成： scss： .top-info{ color: $fontColor; >div{ width: .75rem; height: .75rem; } >div:first-child{ background-color: $withoutBed; } >div:nth-child(n+2){ background-color: $hasBed; } } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240918/f39dbbe82746775d09c0070fd2429d35.png) 它便生效了！（顺带一提，使用last-child也没有生效，!important也试过，应该不是优先级问题)，有大佬知道是什么原因吗？

M78的社畜

如何使用 CSS 绘制具有特定样式的 Tabs（标签页）?

CSS 如何画出下面这种Tab 样式 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240922/b6eb43eff536cdd7ce04dbf6547c346e.png) 右侧那个弧度，该如何画，还需要考虑z-index问题