Sass SCSS是从CSS覆盖的最佳方式

您能否帮助我将以下内容改进为SCSS：

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: $mainhover-color;
}

---

你的问题没有多大意义

无论如何-它已经是有效的SCS-但无效的CSS，因为它需要编译

有很多在线CSS到SCS转换器。但是，除非将

$mainhover color

更改为编译后的值，否则它们都无法工作

这就是重构后的情况：

.navbar-default {
    .navbar-brand {
        &:hover,
        &:focus,
        &:active,
        &.active {
            color: $mainhover-color;
        }
    }
}

---

这不是一个非常有用的问题。您应该阅读SCSS基础知识。

您无需将其更改为SCSS，因为CSS在SASS/SCSS中是有效的，并且您将添加的只是嵌套，但如果您仍然想这样做，您可以这样做：

.navbar-default {
    .navbar-brand {
        &:hover,
        &:active,
        &:focus,
        &.active {
            color: $mainhover-color;
        }
    }
}

请记住，这并不能使它更好，它只是另一种语法。我建议你多读一些关于SCSS的基础知识