the answer is ViewEncapsulation.Emulated
Options for handling it:
Direct Component Styling: You can write styles in the component's own CSS file without worrying about the _ngcontent-* attribute, as Angular automatically handles that for encapsulation.
Global Styling (if needed): If you want to target this from a global stylesheet (though not generally recommended unless necessary), you can:
Use ViewEncapsulation Options:
@Component({ selector: 'app-navmenu', templateUrl: './navmenu.component.html', styleUrls: ['./navmenu.component.css'], encapsulation: ViewEncapsulation.None })