改变表体文字的position 除了里面的动作按钮？

Question

这是我的表格 UI，我希望其中的文本出现在列的左侧，但“操作”列中的按钮也会生效，我希望只有文本出现在列的右侧

这是表D的css。

.table td {
    font-size: 0.813rem;
    font-weight: 400;
    color: #8d97ad;
    vertical-align: middle;
    text-align: left !important;
}

Answer 1

您可以使用:not选择器和:last-child选择器将样式应用于除最后一列之外的所有td元素。

.table td:not(:last-child) {
    text-align: right !important;
}