If you take the CSS content from this code and place in a new file called app.component.CSS,

Question

The below code shows the styles property metadata component. If you take the CSS content from this code and place in a new file called app.component.CSS, how will the same data look using the style URLS property?

1. @Component({

     selector: 'mw-app',

     templateURL: './app.component.html',

     styles: ['

          h1 { color: #ffffff; }

     ']

})

2. @Component{

     selector: "mw-app",

     templateURL: './app.component.html',

     styleUrls: ['.app.component']

}

export class AppComponent{}

3. @Component({

     selector: 'mw-app',

     templateURL: './app.component.html',

     styleUrls: ['.app.component.css']

})

export class AppComponent{}

Answer 1

correct answer is :- 

@Component({

     selector: 'mw-app',

     templateURL: './app.component.html',

     styleUrls: ['.app.component.css']

})

export class AppComponent{}