el-dialog的modal-class

今天发现个事

        <el-dialog
          v-model="bindDialogVisible"
          :title="bindDialogTitle"
          append-to-body
          close-on-press-escape
          draggable
          modal-class="bindNdevice-dialog"
          width="500px"
        >

        </el-dialog>

这个样式这样写生效

<style lang="scss">

.bindNdevice-dialog .el-dialog {
  background: black;
}

</style>

但是这样写却不生效

<style lang="scss">


.el-dialog .bindNdevice-dialog {
  background: black;
}

</style>