如何将此 CSS 转换为 SASS（选择器中的算术）？

Question

将以下 CSS 转换为 SASS 的最佳方法是什么？

div#block-views-news-block,
div#block-views-news-block-1,
div#block-views-news-block-3,
div#block-views-news-block-4 {
    margin: 0; padding: 0;
}

我试过这个：

div#block-views-news-block {
    &, &-1, &-3, &-4 { margin: 0; padding: 0; }
}

但 NetBeans 返回以下错误：

Unexpected token LESS_AND found.

找到一个解决方案，但看起来不太好：

div#block-views-news-bloc {
    &k, &k-1, &k-3, &k-4 { margin: 0; padding: 0; }
}

有更好的建议吗？

Answer 1

您的 SASS 看起来有效且正确。您可以在 http://sassmeister.com/.

进行验证

这似乎是 resolved this past November 中 NetBeans 的错误。您可能想尝试更新您的 IDE.

How to convert this CSS to SASS (arithmetics in selector)?