el-menu不同级别背景色不同怎么设置

Question

element的menu组件，不同级别的背景色不同怎么设置？类似这种

Answer 1

已解决

.child-item .el-menu-item{
    background-color: #1F2D3D!important;
  }
  .child-item .el-menu-item:hover{
    background-color: #001528!important;
  }
  .child-item .el-submenu__title{
    background-color: #1F2D3D!important;
  }
  .child-item .el-submenu__title:hover{
    background-color: #001528!important;
  }

Answer 2

设置不同的class类 覆盖