VUE Element Admin框架深度選擇器/deep/編譯報錯，導致el-card修改樣式失敗的解決方案

需求背景

el-card組件的el-card__header行高設置比較高，需要在項目中修改掉，但無論如何修改都不生效。

問題描述

頭部樣式在scoped下作用無效，可以通過添加/deep/的方式解決，但由於版本或者其他原因，目前未知，添加該方法總是報錯。如下代碼總是編譯不通過。

.box-card /deep/ .el-card__header {
    padding: 12px 14px;
    font-size: 14px;
  }

報錯信息如下：

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

  .role-card /deep/ .el-card__header {
          ^
      Expected selector.
    ╷
577 │ .role-card /deep/ .el-card__header{
    │            ^
    ╵

解決方案

經查網上資料，有人建議修改vue-loader和webpack版本，感覺比較復雜，找了一個簡單的實現路徑：
將/deep/替換為

::v-deep

或者

>>>

都可以實現此需求。