website.html
<website-chat></website-chat>
chat-page.html
<h1>Greetings</h1>
chat-script.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'website-chat',
templateUrl: './chat-page.component.html',
styleUrls: ['./chat-page.component.css']
})
export class ChatPageComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
chat-styles.css
h1 {
background-color: #000;
}
I'm puzzled as to why the chat-styles.css isn't affecting my browser. When I directly applied CSS without using the chat component, it worked fine (as shown below).
website.html
<h1>Greetings</h1>
website-styles.css
h1 {
background-color: #000;
}
Any ideas on how to resolve this issue?