在 Angular 中，是否可以有多个 CSS 选择器？

Question

Doing this(below) will select only navbar.css. What if I want to use multiple css files?

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

Answer 1

you can use like this:

styleUrls: ['./navbar.component.css', 'every css url you want']

Answer 2

you can link multiple CSS classes to a component. As StyleUrls is an array we can write multiple entries as a comma-separated

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css','./navbar2.component.css']
})