Angular - wywoływanie komponentów

Witajcie,

Uczę się Angulara i nie ogarniam jednej kwestii (trywialnej).
Kiedy mam komponent główny, w którym jest plik .html i .css to czy mogę wstawić w ten plik .html odwołanie do innego komponentu tak aby był widoczny wraz ze stylami css ?

(Mam stworzoną stronę w której jednym komponentem jest pasek górny "upbar", drugim boczny "sidebar")

kiedy wklejam do głównego komponentu .html odwołanie w postaci

div class="container">
    <div class="row...">
        <app-upbar></app-upbar>

    </div>

To nie ma widocznych styli napisanych w css tego komponentu.

Masz plik .html i plik .css, a plik .ts z komponentu też masz? Pokaż co masz zdefiniowane w sekcji @Component()

W komponencie upbar (dziecko) i w znajdującym się w nim pliku upbar.component.ts mam:

@Component({
  selector: 'app-upbar',
  templateUrl: './upbar.component.html',
  styleUrls: ['./upbar.component.css'],
  encapsulation: ViewEncapsulation.None
})

Skąd wziąłeś to encapsulation: ViewEncapsulation.None?

Udostępnianie styli do globalnego widoku bez ograniczeń, w zasadzie to moja próba rozwiązania problemu jednak chybiona

Domyślnie jest Emulated i to znaczy, że tylko elementy w komponencie są stylowane. Ty nic nie musisz z tym robić. Uważam, że problem jest gdzie indziej. Pytałem co masz w @Component(), ponieważ podejrzewałem, że nie masz podpiętych styli styleUrls:[]. Takie rzeczy działają. Myślę, że może literówka w klasie w CSS? Ta sama klasa w pliku styles.css wydaje mi się, że nadpiszę style z komponentu.

Wywal to encapsulation, bo na początku bardziej Ci namiesza, niż pomoże.

Rodzic zarządza klasami "container" i "row", cała reszta ma być ostylowana w app-upbar.

Jak dalej nie działa, to daj więcej kodu :)