我应该在哪里写入子组件的父依赖样式？

/* global.css */
.parent-dependency {
  /* 样式定义 */
}

import './global.css';

<!-- ParentComponent.vue -->
<template>
  <div class="parent">
    <ChildComponent />
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  }
};
</script>

<style scoped>
.parent-dependency {
  /* 样式定义 */
}
</style>

<style scoped>
.parent >>> .child-dependency {
  /* 样式定义 */
}
</style>

<style scoped>
.parent /deep/ .child-dependency {
  /* 样式定义 */
}

<!-- ChildComponent.vue -->
<style scoped>
@import '../ParentComponent.vue';
</style>