有条件地覆盖表上的 CSS 类
特雷弗·古德柴尔德
我有一张用以下类装饰的桌子：
<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);
}
髌骨
以这种方式自定义您的 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;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
有条件地在聚合物中添加CSS类
- 2
如何在Aurelia repeat.for中有条件地添加或删除CSS类？
- 3
有条件地将CSS类应用于Angular组件宿主
- 4
如何在Ember中有条件地应用CSS类？
- 5
如何在angularjs中有条件地应用css类
- 6
使用Polymer将CSS类有条件地添加到元素
- 7
在Angular2中有条件地应用CSS类
- 8
有条件地应用 CSS
- 9
有条件地定义容器类的方法
- 10
如何有条件地定制Application类？
- 11
在React中有条件地设置活动类
- 12
有条件地选择要继承的类
- 13
在React中有条件地设置活动类
- 14
有条件地定义容器类的方法
- 15
仅添加类名，有条件地
- 16
AngularJS有条件地删除CSS悬停
- 17
有条件地加载css文件
- 18
使用AngularJS有条件地更改CSS
- 19
如何有条件地加载CSS
- 20
是否可以有条件地链接CSS字体？
- 21
在Wordpress中有条件地打印CSS样式
- 22
AngularJS有条件地删除CSS悬停
- 23
有条件地加载css文件
- 24
在Wordpress中有条件地打印CSS样式
- 25
有条件地更改颜色CSS
- 26
有条件地将类添加到父类
- 27
jQuery覆盖CSS类
- 28
无限覆盖CSS类
- 29
如何覆盖CSS类？
我来说两句