有条件地覆盖表上的CSS类

Question

我有一个用以下类装饰的表：

<table class="table table-striped table-borderless nowrap">

对于某些用户，我想更改行的背景颜色：

<tr class="@(item.Assigneee == UserSession.User.Id  ? "alert alert-primary" : " ")">

但我无法覆盖表类。我尝试添加！important，但它仍然显示表类的背景颜色。

我看到该课程已添加：

<tr class="alert alert-primary odd" role="row">

但是背景颜色被打破了，它仍然显示在：

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

Answer 1

以这种方式自定义CSS。

对于Bootstrap 4

.table-striped tbody tr:not(.alert-primary):nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

对于Bootstrap 3.7

.table-striped>tbody>tr:not(.alert-primary):nth-of-type(odd) {
    background-color: #f9f9f9;
}

Answer 2

你可以使用，

.table-striped tbody tr.alert.alert-primary:nth-of-type(odd) {
  background-color:red !important;
}

请注意我猜是因为你还没有发布一个片段。