VUE如何通过页面修改子组件样式

使用深度作用选择器,就可以在父组件中修改子组件的样式

#demo >>> .inner {
    
    
    font-size: 40px;
}

深度作用选择器语法:父组件根元素选择器 >>> 子组件选择器

注:如果是sass或less这种预编译语法
则 不支持 >>> 这种形式
有另外一种形式支持: /deep/
/deep/同时也支持css

#demo /deep/ .inner {
    
    
    font-size: 40px;
}

猜你喜欢

转载自blog.csdn.net/pgzero/article/details/107015705