Vue JS将父样式表应用于导入的组件

Question

我刚刚开始使用Vue JS，并且正在执行这样的基本组件导入：

<script>
import footer from '@/templates/footer.vue'
export default {
    components: {
        footer
    }
}
</script>

<style>
    @import '@/css/style.css';
</style>

问题在于style.css中的样式未应用于footer.vue中的元素。如何将style.css中的样式应用于footer.vue中的元素？

谢谢！

更新

页脚组件如下所示：

<template >
    <view id="footer_outer_container">
        ...
    </view> 
</template>

<script>
    export default {
       name: "footer",
       props: {},
       methods: {}
    }
 </script>
 <style>

 </style>

CSS只是一个常规的style.css文件，其中包含一些类和样式。