2015-05-07 5 views
1

Я использую bootstrap для создания таблицы, но если в строке есть какое-то значение, я меняю фон с помощью справки ng-class, но приоритет бутстрапа не дает мне сделать это, что я должен делать? Извините, если мой английский не очень хорошо)Bootstrap vs ng-class

<tr ng-repeat-start="objs in Objects" ng-click="param=!param" ng-class='{red : objs.state == "Rejected"}'> 
+0

вы имеете в виду правила бутстраповские подменяют правила .... можете делиться классами таблицы. –

+0

Используйте '! important' в своем классе' red'. – Zee

+0

проверить спецификацию css, чтобы получить лучшую идею! худший сценарий использования! важно – wallop

ответ

2

Вы можете изменить правило более одной конкретной помощи specificity rules

.table-striped > tbody > tr.red td, .red { 
    background-color: #ff0000; 
} 

Демо: Fiddle

1

Вы почти у цели! Вы можете просто скопировать код из 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/