vue+element table

Question

<th colspan="1" rowspan="1" class="el-table_1_column_3 is-center is-leaf"><div class="cell">自编号</div></th>

css：
.el-table .cell, .el-table th>div {
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

需求是我现在想这个cell设置为没有padding值 但是重写后没有效果，大神帮忙看下

Answer 1

你在每一个后面加上!important试试

Answer 2

样式后面加!important试一下。

Answer 3

查看控制台 看样式是否应用 是否被其他高权重覆盖
提高一下权重 不过不能太高 我是习惯给要重写的父元素加个cover-cssclass

.cover-css .el-table .cell,.cover-css .el-table th>div{}

Answer 4

你这个是动态加载，style标签中是不是加了scoped，加了的话，在下面再加一个style标签，不要加scoped，即可覆盖样式