uni-app的scoped属性

355 阅读1分钟

用法

//h5端默认加上scoped

子组件设置scoped会增加私有后缀,为了保证它的唯一性不会父组件导入的css覆盖掉,
vue导入的css会覆盖掉它

//非scss:父組件使用>>>可覆盖子组件样式
>>>.option {
        color: red !important;
    }
//scss:父组使用/deep/可覆盖子组件样式
/deep/.item {
        background-color: red !important;
        .uni-icons {
            background-color: pink;
        }
    }