用了路由css也改变了父组件怎么办

在使用路由时，如果你的子组件中的CSS样式影响了父组件，可以考虑使用CSS模块化来解决这个问题。CSS模块化是一种将CSS样式作用域限制在组件内部的技术，可以有效地避免CSS样式的命名冲突问题。

在Vue中使用CSS模块化，可以在<style>标签中添加scoped属性，例如：

  .example {
    color: red;
  }
</style>```

这样，在组件中定义的CSS样式只会影响到当前组件，不会影响到其他组件或全局样式。

另外，如果你的CSS样式确实需要影响到父组件或全局样式，可以使用/deep/或>>>选择器（在Vue 3中使用::v-deep选择器）。例如：

.example /deep/ .parent {
color: red;
}
</style>```

这样，.example选择器会作用于当前组件，而/deep/ .parent选择器会作用于当前组件的父组件中的.parent元素。注意，/deep/或>>>选择器只在scoped属性存在时才生效。