问题：

1、在template中使用el-dialog, 想更改header部分的背景颜色重新设置一些样式，在html元素中一通乱找，写对了选择器更改样式也没有生效。

不是权重问题、 :deep 也没有效果

解决办法

在dialog外层套一个div，然后使用:deep穿透即可

<!-- 新增弹出框 -->
    <div class="dialog">
        <el-dialog v-model="isShow" title="新增告警规则" id="header">
        </el-dialog>
    </div>

.dialog :deep .el-dialog__header {
    margin-right: 0px;
    background-color: skyblue;
}

图片.png