Sass：嵌套选择器中的绝对引用答案

【问题标题】：Sass: Absolute references inside nested selectorsSass：嵌套选择器中的绝对引用
【发布时间】：2013-02-20 23:58:34
【问题描述】：

在 Sass 中，有没有办法在嵌套元素中使用根/顶级选择器？这会很有用。

例如，我想为ul 内的所有根级a 标签和li 标签仅定义相同的样式。这是一个虚构的例子，/ 完成了这个：

ul {
    li, /a {
       color:black;
    }
}

呈现的样式表将如下所示：

a {
    color: black;
}

ul li {
    color: black;
}

【问题讨论】：

标签： sass

【解决方案1】：

您可以通过@extend 使用选择性继承。 HTH。

【讨论】：

【解决方案2】：

这个file.scss

ul {
  li,
  li a {
    color:black
  }
}

会编译成这个

ul li,
ul li a {
  color: black;
}

这不是你想要的吗？

更新：@extend 可以实现您想要实现的目标

【讨论】：