Как переопределить значения ширины и высоты в файле scss

Question

Я хочу переопределить значения по умолчанию в файле scss, например

.auth-form {
width: 800px;
}

Я изменяю значения ширины в class 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.Вы можете получить полный селектор, используя в css, который вы хотите перезаписать, используя инспектор браузера.

Другой вариант - сделать свойство приоритетным с помощью ключевого слова !important css, чтобы оно переписывало любое предыдущее определение:

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

Надеюсь, это поможет.