对element-plus组件的内部属性进行设置

对element-plus组件的内部属性进行设置

深度选择器 /deep/

例子：我现在有一个组件 el-card 现在我想要设置它的高度，对他的class使用height 却达不到我想要的效果

通过在 f12 当中 对源码页面进行调整，发现 只需要修改 内部的 .el-card__body 但是我却无法修改到里面的el-card_body (原因是: element-plus 对内部的组件进行了严格的封装 都带上了 scoped 关键字，导致不会受到外部css属性的影响)

那么我们要怎么打穿这个 scoped呢

使用深度选择器

深度选择器，可以帮我们把 当前类内的组件的scoped限制全部打穿，这时，你设置的属性就会被影响到 内部的所有组件了

深度选择器，可以帮助我们实现 这个功能

解决方案

  .card /deep/ .el-card__body{
      height: 300px;
  }

这样的操作就可以使得 card属性内的所有 class为 el-card__body 的类都会受到影响。