1. 首先，在父组件的构造函数中定义一个变量来记录当前激活的路由：

import { Router, NavigationEnd } from '@angular/router';

...

export class ParentComponent implements OnInit { currentRoute: string;

constructor(private router: Router) { }

ngOnInit(): void { this.router.events.subscribe((event) => { if (event instanceof NavigationEnd) { this.currentRoute = event.url; } }); } }

2. 接下来，在父组件的样式文件中根据当前激活的路由通过选择器来应用样式：

.parent-component { /* 共享样式 */ }

/* 仅在当前激活的路由为 '/route1' 时应用的样式 / .parent-component.router1 { / 特定样式 */ }

/* 仅在当前激活的路由为 '/route2' 时应用的样式 / .parent-component.router2 { / 特定样式 */ }

3. 最后，在路由变化时更新父组件的 css 类：