element-ui无法覆盖样式解决办法一

最新推荐文章于 2024-08-07 11:17:06 发布

Ryan_black

最新推荐文章于 2024-08-07 11:17:06 发布

阅读量3k

点赞数

分类专栏： Vue 笔记样式文章标签： css vue.js

本文链接：https://blog.csdn.net/Ryan_black/article/details/104684289

版权

笔记同时被 3 个专栏收录

93 篇文章 3 订阅

订阅专栏

Vue

11 篇文章 1 订阅

订阅专栏

样式

1 篇文章 0 订阅

订阅专栏

我添加的样式:

<el-card class="myself">
</el-card>
<style>
.myself{
    background-color: blue;
    color: blue;
     position: absolute;
    width: 500px;
    height: 700px;
    left: 60%;
    top: 5%;
  }
</style>

按道理说我这个应该是覆盖了element-ui原本的样式,但是效果却是:

我自己的被他覆盖了

在这里插入图片描述

于是我加了scoped在style上

<el-card class="myself">
</el-card>
<style scoped>
.myself{
    background-color: blue;
    color: blue;
     position: absolute;
    width: 500px;
    height: 700px;
    left: 60%;
    top: 5%;
  }
</style>