vue前端 页面样式强制覆盖

<style lang="scss" scoped>        

::v-deep  .top{  //强制覆盖组件中.top类样式

     left:20px

}

//覆盖element-ui跑马灯指示标识样式  圆的

::v-deep .el-carousel .el-carousel__indicator--horizontal .el-carousel__button{

        width:60px;

        height:60px;

        border-radius:60px;

}

</style>

强制修改element-ui提示文字宽度 .使用了::v-deep也不行,请同事帮忙,做了如下改动,添加了一个style

<style lang="scss" scoped>        

::v-deep  .top{  //强制覆盖组件中.top类样式

     left:20px

}

</style>

<style>        

.el-tooltip__popper{  //强制覆盖组件中.top类样式

    max-width:500px !important;

    font-size:15px;

}

</style>