任何方式使用屬性/規則名稱中的變量？

Question

有什麼辦法在屬性或規則的名稱，即使用變量：

.foo { 
    @dir: right; 
    border-{@dir}: 2px; 
} 

Answer 1

您標記薩斯您的文章，所以這裏的你如何與SCSS語法做到這一點：

.foo { 
    $dir: right; 
    border-#{$dir}: 2px; 
} 

我通過SassMeister驗證。

Answer 2

哦，其實我的代碼會稍作修改，在}之前放置@。

@dir: right; 
.foo-@{dir} { 
    border-@{dir}: 2px; 
}