离子2中的全局css规则不起作用

Question

我正在尝试声明一些基本的css规则，以便在我的应用中全局使用它们。像pull-rx，pull-lx等......

将这些规则写入app.scss之后，build文件夹中的main.css文件会正确更新，但是当它在“LoginPage”中使用其中一个规则时，我会遵循每个规则之前声明的被忽略。我错过了什么吗？

如果我在login.scss文件中写入pull-rx类，它将起作用。有没有办法全球上课？

app.scss：

.pull-rx {
    float: right !important
}

.pull-lx{
    float: left !important
}

app.module.ts：

import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { LoginPage } from '../pages/login/login';

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    LoginPage,
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    LoginPage,
  ],
  providers: [{ provide: ErrorHandler, useClass: IonicErrorHandler }]
})
export class AppModule { }

的login.html：

<ion-header>
  <ion-navbar>
    <ion-title>
      Astrid <small><i>Beta</i></small> <span class="pull-rx">Login</span>
    </ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>

</ion-content>

Answer 1

我已经想到了这一点。由于Ionic使用scss作为预处理器，我必须设置分号“;”在规则的最后。因为我习惯于编写导致问题的sass代码。