问题描述：

如图，我想修改字体颜色为#00aff0,百度了让我重写覆盖原来的css但是没整明白。最后用了下面的方法行了。

解决方案：

下面是部分代码：

<template>
<!--  个人资料 -->
<div class="main">

  <el-tabs type="border-card">
  <el-tab-pane>
    <span slot="label">
      
    </span>
  </el-tab-pane>
</el-tabs>
</div>
</template>

.main{
    height:200px;
    width: 100%;
    padding: 20px 8px 0 20px;
    box-sizing: border-box;
}

.el-tabs__item{
  color: #00aff0;
  height: 50px;
  line-height: 50px;
}

哦哦，现在整明白了就是scoped的问题导致没有办法重写
原来的css部分：

<style scoped>
.main{
    height:200px;
    width: 100%;
    padding: 20px 8px 0 20px;
    box-sizing: border-box;
}
.labelcolor{
  color: #00aff0;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
}
.el-tabs__item{
  height: 50px;
}
.notices{
  color: #c0c4cc;
  font-size: 14px;
  height: 100px;
  line-height: 100px;
  display: inline-block;
}
</style>

现在改成这样，去掉scoped就可以了，也不知道为啥：

<style>
.main{
    height:200px;
    width: 100%;
    padding: 20px 8px 0 20px;
    box-sizing: border-box;
}
.labelcolor{
  color: #00aff0;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
}
.el-tabs__item{
  height: 50px;
}
.notices{
  color: #c0c4cc;
  font-size: 14px;
  height: 100px;
  line-height: 100px;
  display: inline-block;
}
</style>