vue 样式穿透写法

方法一:使用 ::v-deep

示例代码如下：

<style scoped="scoped" lang="scss">
    // 修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果
    ::v-deep .el-carousel__indicator--horizontal .el-carousel__button {
        width: 7px;
        height: 7px;
        background: #ebe6e6;
        border-radius: 50%;
        opacity: 1;
    }
    ::v-deep .el-carousel__indicator--horizontal.is-active .el-carousel__button {
        width: 7px;
        height: 7px;
        background: #1880ff;
        border-radius: 50%;
        opacity: 1;
    }
    // ************修改elemnt plus table样式 ************ 
    ::v-deep .el-table--border{
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-right: none;
        border-bottom: none;
    }
    ::v-deep  .el-table--group{
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-right: none;
        border-bottom: none;
    }
</style>