Angular中的子路由和样式问题可以通过以下解决方法解决：

1. 子路由的配置： 在Angular中，子路由可以通过在父路由的配置中定义一个子路由数组来实现。例如：

const routes: Routes = [
  { path: 'parent', component: ParentComponent, 
    children: [
      { path: 'child', component: ChildComponent }
    ]
  }
];

在上述代码中，ParentComponent是父组件，ChildComponent是子组件，child是子路由的路径。

2. 子路由的导航： 在父组件的模板中，可以通过routerLink指令来导航到子路由。例如：

Go to Child

在上述代码中，点击"Go to Child"链接将导航到子路由child。

3. 样式的作用域： 在Angular中，可以使用样式的作用域来限定样式只应用于特定的组件或组件树。可以通过在组件的元数据中使用encapsulation属性来设置样式的作用域。例如：

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css'],
  encapsulation: ViewEncapsulation.Emulated
})

在上述代码中，ViewEncapsulation.Emulated表示使用Angular的默认样式作用域，即样式只应用于当前组件。

4. 使用全局样式： 如果需要在整个应用程序中共享样式，可以将样式文件添加到styles或styles.scss文件中。这些样式将被应用于整个应用程序。

以上是Angular中子路由与样式问题的解决方法。希望能对你有所帮助！