使用SASS扩展带有元素的选择器

我正在开发一个SCSS样式表，我有一个类似这样的规则：

.footer-link-row {
    color: red;
    ul& {
        padding: 0;
    }
}

我希望

ul&

行编译到选择器

ul.footer链接行

。但是，此选择器返回编译器错误，并使用

&ul

编译到

.footer链接行ul

。选择这样的东西的正确方法是什么

--添加--
为了澄清这一点，我希望最终的CSS是：

.footer-link-row {
    color: red;
}
ul.footer-link-row {
    padding: 0;
}

---

您需要以下内容：

ul {
  padding: 0;
  .footer-link-row {
    color: red;
  }
}

符号AND用于要求两个选择器匹配

a { text-decoration: none;
  &:hover { border-width: 1px }
}
// compiles to 
a {
  text-decoration: none;
}
a:hover {
  border-width: 1px;
}

如果您想要ul.footer-link-row，请尝试

ul {
  &.footer-link-row {
    padding: 0;
  }
  .footer-link-row {
    color: red;
  }
}

您的澄清表明您需要两个范围

ul {
  &.footer-link-row {
    padding: 0;
  }
}

.footer-link-row {
  color: red;
}

---

那不是我想要的。。。我不想要

填充：0

要应用于所有

ul

，只需

ul

，它具有类

footer链接行

。我认为需要为ul:.footer链接行单独嵌套。也许这需要超出ul{}的范围，但这取决于您的标记。