In Angular, is it Possible to have multiple CSS selectors?

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']
})

sunilbaba · Accepted Answer · 2021-01-18 10:38:34Z

1

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']
})

answered Jan 18, 2021 at 10:38

sunilbaba

4452 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

R. Baraiya · Accepted Answer · 2022-12-07 09:57:57Z

0

Code:

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

R. Baraiya

1,5281 gold badge6 silver badges20 bronze badges

answered Jan 18, 2021 at 10:37

kian

1,7793 gold badges15 silver badges27 bronze badges