component.scss inside component folder does not work

Issue

When I put styles code in component.scss, but it does not affect the referred target, however when I put style code on src/scss/style.scss it works perfectly. Does anyone know what is the problem?

If it is lack of technical knowledge, please reference me some material to study.

Solution

In the component, watch out what is given as the StyleUrl:

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

Maybe your syntax is bad, or you are referring to a simple something.component.**css** instead of .scss file.

Answered By - ForestG