如何在CSS文件中覆盖宽度和高度值

Question

我想覆盖scss文件中的默认值，例如

.auth-form {
width: 800px;
}

我更改了类auth-form scss文件中的宽度值。 但这是行不通的。

如何覆盖scss文件中的值。 请告诉我。

Answer 1

假设您可能会遇到示波器问题。 如果您具有以下CSS：

.foo .bar {
    color: red;
}
.bar {
    color: blue;
}

.bar将始终为红色，因为您没有在正确的范围内覆盖选择器。

因此，在您的情况下，您需要指定完整选择器：

.full.scope .auth-form {
    width: 800px;
}

其中.full.scope是.auth-form的完整选择器。 您可以在eqnt的CSS上使用完整选择器，以使用浏览器检查器覆盖。

另一个选择是使用!important css关键字使属性具有优先权，这样它将覆盖以前的任何定义：

.auth-form {
    width: 800px !important;
}

希望能帮助到你。