Mint给某个页面的messagebox加特殊样式

Mint UI框架中，想给其中一个页面的messagebox加背景灯样式，但是一旦设置公共类“.mint-msgbox”，其它页面的messagebox也会出现同样的样式，所以给它动态的加一个类，用于选择元素，设置样式。

背景知识：
下面介绍一下如何给一个节点添加和删除class名
添加：节点.classList.add(“类名”)；
删除：节点.classList.remove(“类名”)；

JS部分：
MessageBox.alert( '1嵌入式前端增加公司领导角色','系统更新了').then(action => {
            requestSystemUpdate(formData666).then(response=>{
              let ele=document.querySelector('.mint-msgbox-wrapper')
              ele.classList.remove("updDia")
            }).catch(err => {
              console.log(err)
            })
          });
          let ele=document.querySelector('.mint-msgbox-wrapper')
          ele.classList.add("updDia")

CSS部分：
<style>
 .updDia .mint-msgbox{
    background-image: url("../../assets/img/update.png");
    background-size:100% 156px;
    -moz-background-size:100% 156px;
    background-repeat:no-repeat;
  }
  </style>