Bootstrap 对比 class
Bootstrap vs ng-class
我使用 bootstrap 创建一个 table,但是如果连续有一些值,我会在 ng-class 的帮助下更改背景,但是 [= 的优先级15=]不给我做,我该怎么办?对不起,如果我的英语不是很好)
<tr ng-repeat-start="objs in Objects" ng-click="param=!param" ng-class='{red : objs.state == "Rejected"}'>
你快到了!您可以简单地从 Bootstrap 复制代码,添加 red
选择器:
.table-striped > tbody > tr:nth-of-type(odd).red {
background-color: #FF2222;
}
这将确保您的选择器比 Bootstrap 的选择器更具体,覆盖它。
详细了解 CSS 特异性:http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
您可以使用 specificity rules
将规则更改为更具体的规则
.table-striped > tbody > tr.red td, .red {
background-color: #ff0000;
}
演示:Fiddle
我使用 bootstrap 创建一个 table,但是如果连续有一些值,我会在 ng-class 的帮助下更改背景,但是 [= 的优先级15=]不给我做,我该怎么办?对不起,如果我的英语不是很好)
<tr ng-repeat-start="objs in Objects" ng-click="param=!param" ng-class='{red : objs.state == "Rejected"}'>
你快到了!您可以简单地从 Bootstrap 复制代码,添加 red
选择器:
.table-striped > tbody > tr:nth-of-type(odd).red {
background-color: #FF2222;
}
这将确保您的选择器比 Bootstrap 的选择器更具体,覆盖它。
详细了解 CSS 特异性:http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
您可以使用 specificity rules
将规则更改为更具体的规则.table-striped > tbody > tr.red td, .red {
background-color: #ff0000;
}
演示:Fiddle