ionic4でのhtmlからscssの使い方

Question

直接htmlにスタイルを記述した場合はスタイルは適用されますが、
以下のようにhtmlでclassを記述した場合はscssに記載したスタイルが適用されません。
ionic3の時は以下の記載でもよかったのですが、なにが問題でしょうか。
global.scssやvariables.scssも関連しているでしょうか。
もしくはscssの記述に問題が？

login.page.ts

..
@Component({
  selector: 'page-login',
  templateUrl: 'login.page.html',
  styleUrls: ['login.page.scss'],
  providers: [CustomNativeStorage]
})
..

login.page.html

<ion-content>
..
  <div class="welcome_text">
    <h4>WELCOME_TEXT</h4>
  </div>
..
</ion-content>

login.page.scss

page-login {
  .welcome_text{
    margin-top: 50px;
    color: white;
    text-align: center;
  }
..
}

Answer 1

SCSSの中でselecterの指定はいらなかったみたいです。

元の記述

page-login {
  .welcome_text{
    margin-top: 50px;
    color: white;
    text-align: center;
  }
..
}

新しい記述

.welcome_text{
    margin-top: 50px;
    color: white;
    text-align: center;
  }