要改变Angular组件的CSS样式，可以按以下步骤操作：

1. 在组件的CSS文件中添加样式，或者在组件的HTML文件中使用style属性添加内联样式。

/* 组件的CSS文件 */
.my-component {
  color: red;
}

/* 组件的HTML文件 */
Hello Angular!

2. 确保正确引入了组件的CSS文件。在组件的元数据（@Component装饰器）中使用styleUrls属性引入CSS文件。

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent { }

3. 确保在组件的HTML文件中正确应用了样式类。

Hello Angular!

4. 确保没有其他样式规则覆盖了目标样式。可以使用浏览器开发者工具检查元素的样式规则是否生效。

如果以上步骤都没有解决问题，可以尝试以下方法：

5. 强制刷新浏览器缓存，以确保最新的样式文件被加载。

6. 检查是否在Angular组件的层次结构中正确地应用了样式。如果组件嵌套在其他组件中，可能需要在父组件中添加样式规则或使用CSS选择器来选择目标组件。

7. 检查是否在全局CSS文件中定义了与目标组件相同的样式规则，这可能会导致样式被覆盖。

希望以上解决方法能帮助到你解决问题！