![](/assets/img/weixin-blog.311ae013.png)
技术咨询、项目合作、广告投放、简历咨询、技术文档下载
点击这里 联系博主
# Vue父组件使用scoped无法修改子组件样式
# sidebar: false
在Vue开发中我们难免会引用各种组件和样式;有时候样式不符合业务需求;则需要对指定的dom进行样式的修改;如果我们在vue中使用了scoped, 则无法在父组件中修改子组件的样式。下面介绍几种修改样式的方法
# 1、部分全局方法
<style>
/**在全局样式中修改要覆盖的样式**/
</style>
<style scoped>
/**本地样式**/
</style>
# 2、深选择器
.parentclass >>> .childClass{
}
/**或者使用**/
.parentclass /deep/ .childClass{
}