Vue中父组件修改子组件样式方法（深度选择器）
2019-03-02 12:30
1161 查看
以Element-ui为例。那就是在父组件写css时，样式选择器中加上 /deep/或者 >>> 这两个标记，即可渗透到子组件的样式中。
vue-loader 11.2.0 才开始支持，官方文档 https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors
加上/deep/或者>>>后
.back_index /deep/.el-menu-item{
color:#a7b1c2!important;
}
子组件的样式就被父组件的样式给修改了。
转载自： <https://blog.csdn.net/u011423258/article/details/80649183>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue中element组件样式修改无效的解决方法
- vue里面父组件修改子组件样式的方法
- vue 封装 switch组件，纯css手写，需修改样式可自制
- 修改原生单选框样式（vue单选组件）
- Vue 组件修改根实例的数据的方法
- Vue修改mint-ui默认样式的方法
- vue里面父组件如何修改子组件样式
- flash as2.0组件样式修改方法(直接改元件就行喽)
- vue 自定义样式 深度选择器 作用域CSS
- vue 组件中添加样式不生效的解决方法
- 在Vue.js中，在scoped模式下如何修改子组件内部标签的样式
- vue组件中的样式属性：scoped，解决在父组件中无法修改子组件样式问题
- vue项目修改组件默认样式
- 在Vue.js中，在scoped模式下如何修改子组件内部标签的样式
- 基于vue的纯净checkbox组件，不依赖其他第三方库，导入即可使用，可自行修改样式
- vue 封装 radio 组件，纯css手写，需修改样式可自制
- Vue 父子组件的数据传递、修改和更新方法
- vue中通过修改element-ui的类修改相关组件的样式
- vue 动态修改a标签的样式的方法
- Vue中scoped穿透 修改子组件样式