Hi guys,

I have the following scenario:

I have some tables created with bootstrap and if the user clicks on a table row, I want to show him that he selected a row by changing the color of the entire row:

When the user clicks o a row, I set in typescript a variable selectedRow and I apply the selected css class if the id of the selected row is equal to the iteration row

The class is applied correctly in the html:

and also the custom css:

but in the table the color is not displayed.
If I remove the styles import from styles.scss it works well

Also, if I remove the referente to the css from angular.json, also it works correctly:

Any idea why the custom css is not displayed?