1.深度样式选择器
1.vue2中
原生css >>> .el-card__header
saas\scss ::v-deep .el-card__header
less /deep/ .el-card__header
2.vue3中
:deep() { //styles }
::deep() { //styles }
2.修改element.style样式
3.用户代理样式表样式修改
用户代理样式表是浏览器(例如,Chrome,Firefox,Edge 等)提供的“默认样式表”,用于以满足“一般显示期望”的方式显示页面。
方法一:加<!DOCTYPE html>
方法二:如果方法一不能解决 ,那么在样式后面加!important