使用SASS与元素

Question

我工作的SCSS样式扩展选择，我有一个规则，看起来是这样的：

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

我想ul&行编译到选择ul.footer-link-row。但是，此选择器返回编译器错误，并使用&ul编译为.footer-link-row ul。选择这样的东西的正确方法是什么？

--Added--
为了澄清，最终的CSS我想出来的是这样的：

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

Answer 1

你想要的东西，像下面这样：

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

的符号是用来要求两个选择器匹配

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; 
}