Why does :host work inside component styles, but its (component) selector doesn't?

Question

Angular

Angular 6.0
I'm creating internal styles for a component, but I can't use its (component) selector inside a .scss file.
Moreover, this selector is not selected, both inside the component styles and global styles.
Component declaration:

@Component({
    selector: 'dashboard',
    templateUrl: 'dashboard.html',
    styleUrls: ['dashboard.scss'],
})

Not working style:

.dashboard {
    color: red;
}

Working Style:

:host {
    color: red;
}

Is it possible to use the `dashboard` selector in `dashboard.scss`.

Answer 1

Is it possible to use the `dashboard` selector in `dashboard.scss`.

It is forbidden.
Read the documentation , it says so:
Если отключить инкапсуляцию стилей компонента, то заработает так, как вам хочется. Правда, я бы этого делать не стал.