用Sass将父选择器追加到末尾

Question

用Sass将父选择器追加到末尾

好的，假设我有下面的传统CSS

.social-media { /* ... */ }
.social-media .twitter { /* ... */ }
.social-media .facebook { /* ... */ }
ul.social-media { /* ... */ }

所以，我试着用SCSS这样做：

.social-media {

    /* ... */

    .twitter { 
        /* ... */
    }
    .facebook {
        /* ... */
    }

    // Here's the problem:
    ul& {
        /* ... */
    }
}

最后一部分不起作用，因为它看起来像符号应该只出现在选择器的开头。有解决办法吗？

Answer 1

检查您的依赖项。如果您有正确的版本，则可能有一个依赖于旧版本的库。这个sass --version命令只报告已安装的最新版本，而不是所有版本。