vue中style加上scoped属性后部分样式失效

添加scoped后该样式不显示

<style lang="less" scoped>
.left-container {
  padding: 0 20px 20px;
  background-color: orange;
  min-height: 250px;
  flex: 1;
}

查询之后，发现应该加上/deep/

<style lang="less" scoped>
/deep/.left-container {
  padding: 0 20px 20px;
  background-color: orange;
  min-height: 250px;
  flex: 1;
}

样式依旧不显示，但是并未报错

删除/deep/
刷新页面，样式显示

<style lang="less" scoped>
.left-container {
  padding: 0 20px 20px;
  background-color: orange;
  min-height: 250px;
  flex: 1;
}

原理有待探究。