在SASS中嵌入一個鏈接

Question

如何在SASS中嵌入以下內容？

.class { 
    // First styles 
} 

a.class:visited { 
    // Second styles 
} 

我可以嵌套：參觀僞類與此，但林不知道如何添加鏈接元素？

.class { 
    // First styles 

    &:visited { 
    // Second styles 
    } 
} 

Answer 1

我不知道爲什麼你要的是，加入a可能只是增加了unnecesary特異性。如果你真的需要，那麼其他地方可能存在設計缺陷。

也就是說，你可以使用插值法圍繞&進行工作。但是，這並不能真正給你預期的結果，所以你需要@at-root以使其工作。

.class { 
    // some styles... 

    @at-root a#{&}:visited { 
    // ...more styles! 
    } 
} 

我不認爲這是解決問題的最好方法。使用Sass應該會導致更易於維護的代碼。