title: Angular 2 Global Style - Load only one css file
body: <p>I have a problem in Angular 2 with loading styles. I load style (css) only once, in index.html, but when I split my page in components everything goes wrong. I noticed that when I create only one component with entire html code everything is fine.</p>
  
  <p>It's necessary to split css code? I don't want to do that.</p>
  
  <p>I put here some file, I hope to understand my problem.</p>
  
  <p>Thanks for helping.</p>
  
  <p>My page when I split the html page in components
  <a href="https://i.stack.imgur.com/5w4D8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5w4D8.png" alt="My page when I split the html page in components"></a></p>
  
  <p>dashboard.html</p>
  
  <pre><code>&lt;div class="body_wrap_t t"&gt;
      &lt;div class="main_wrap r"&gt;
          &lt;div class="main_wrap_row c"&gt;
              &lt;div class="main_wrap_inner_container t"&gt;
                  &lt;div class="main_wrap_inner_container_row r"&gt;
  
                      &lt;sidebar-wrap&gt;&lt;/sidebar-wrap&gt;
  
                      &lt;right-wrap&gt;&lt;/right-wrap&gt;
  
                  &lt;/div&gt;&lt;!-- r --&gt;&lt;!-- END main_wrap_inner_container_row --&gt;
              &lt;/div&gt;&lt;!-- t --&gt;&lt;!-- END main_wrap_inner_container --&gt;
          &lt;/div&gt;&lt;!-- c --&gt;&lt;!-- END main_wrap_row --&gt;
      &lt;/div&gt;&lt;!-- r --&gt;&lt;!-- END main_wrap --&gt;
      &lt;footer-wrap&gt;&lt;/footer-wrap&gt;
  &lt;/div&gt;&lt;!-- t --&gt;&lt;!-- END body_wrap --&gt;
  </code></pre>
  
  <p>right-wrap.component.ts (for example)</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'right-wrap',
    templateUrl: 'src/app/pages/dashboard/right-wrap/right-wrap.html',
    // styles: [ './content.css' ],
  })
  export class RightwrapComponent {
  
  }
  </code></pre>
  
  <p>And dashboard.component.ts where is my base page component</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { Http } from '@angular/http';
  import { Router } from '@angular/router';
  
  @Component({
    selector: 'dashboard',
    templateUrl: 'src/app/pages/dashboard/dashboard.html',
  })
  export class DashboardComponent {
  
  }
  </code></pre>