时间戳

首页 > 解决方案 > 结合祖先和第 n 个选择器

css - 结合祖先和第 n 个选择器

问题描述

我正在努力为这种情况获取合适的 SCSS 选择器：

        <div class="wrapper">
          <div class="main_class"></div>
          <div class="sub_class"></div>
          <div class="sub_class"></div>
          <div class="sub_class"></div>
          <div class="sub_class"></div>
        </div>

我想选择的第 n 个兄弟姐妹，.main-class但我不确定该怎么做。我试过这个，但它不工作：

.wrapper {
        .main_class ~ .sub_class {
            &:nth-of-type(2) {
                border: 2px solid hotpink;
            }
        }
}

感谢任何帮助！

标签： csssass

解决方案

推荐阅读