Question

我想要这段代码：

ul li {
    ...

    &:first-child a {
        ...
    }

    &:last-child a {
        ...
    }

    &.active a {
        ...
    }

    a {
        ...
    }
}

要这样：

ul li {
    ...
   
    a {
        ...

        &:first-child a ...
    }
}

有没有办法引用父级（＆应该是ul li）？也许甚至可以解决这个问题？

Answer 1

像这样使用。对类link做任何想做的事情如果要在锚点下锚点，则是html验证错误。您必须避免那样。

ul {
  li {
    &.link {
      &:first-child {
        a {
          color: red;
        }
      }
      &:last-child {
        a {
          color: red;
        }
      }
    }
  }
}

输出

ul li.link:first-child a {
  color: red;
}
ul li.link:last-child a {
  color: red;
}

引用SCSS中元素的父级

1 个答案: