scss scoped 中 使用 * 设置所有元素样式部分有效

Question

设置样式

<style lang="scss" scoped>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
</style>

发现只对部分元素有效。

改成 /deep/ 之后全部有效

.editor /deep/ {
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}

这是为何？

Answer 1

加了scoped属性后样式只针对当前组件生效。
vue scoped