自定义样式不适用于angular 10

自定义样式不适用于Angular 10可能是由于以下几个原因导致的：

1. CSS选择器错误：确保你在自定义样式中使用的CSS选择器与HTML元素的类名或标签名匹配。Angular使用组件的选择器作为CSS选择器，确保选择器正确地指向你想要样式化的元素。
2. 样式优先级问题：如果多个样式规则应用于同一个元素，CSS的优先级规则将决定哪个样式最终生效。确保你的自定义样式具有足够的优先级来覆盖其他样式。你可以使用更具体的选择器、!important关键字或内联样式来增加样式的优先级。
3. 样式加载顺序问题：如果你的自定义样式文件在其他样式文件之前加载，可能会被后面加载的样式覆盖。确保你的自定义样式文件在其他样式文件之后加载，或者将自定义样式直接写在组件的样式文件中。
4. 样式继承问题：Angular组件的样式是通过CSS的层叠机制来实现的，子组件的样式会继承父组件的样式。如果你的自定义样式应用于子组件，但没有生效，可能是因为父组件的样式覆盖了子组件的样式。你可以使用:host选择器来限定样式只应用于当前组件。
5. 样式预处理器问题：如果你在Angular项目中使用了CSS预处理器（如Sass、Less），确保你的自定义样式文件正确地编译为CSS文件，并在应用中引入正确的CSS文件。

总结起来，要解决自定义样式不适用于Angular 10的问题，你可以检查CSS选择器、样式优先级、样式加载顺序、样式继承和样式预处理器等方面的问题。如果问题仍然存在，可能需要进一步调试和排查。