В приложении React, созданном с помощью Create React App, что мне нужно сделать, чтобы стили SCSS были применены в правильном порядке?
Например, в <div className="page page-form page-login">,Я ожидаю, что React будет применять мои стили в следующем порядке:
.page.page-form.page-login
Это означает, что стили, определенные в .page-login, должны перекрывать любые стили, определенные в .page-form или .page.
Однако на практике я считаю, что стили, определенные в .page, перекрывают другие стили,Я считаю, что единственный способ переопределить стили, определенные в .page, - это добавить !important в .page-login.
Есть ли способ исправить это?