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