Отменить атрибут прикладного стиля с другим классом

Question

Я разрабатываю прототип сайта с использованием Twitter Bootstrap.

Как вы знаете, если я применяю hero-unit класс, то он просто будет игнорировать любые другие цветовые атрибуты в h1 тегов, и просто отображать их в черном цвете, поскольку он имеет color: inherit; набор в классе:

.hero-unit h1 { 
    color: inherit; 
} 

Есть ли способ отменить атрибут цвета, который установлен в классе, с другим классом?

Я имею в виду применение другого класса, такого как hero-unit-fix, и пусть он исправит проблему цвета.

Я действительно не хочу изменять загрузочные файлы css и хочу, чтобы они были запасами, поэтому я могу легко их обновить или заменить.

Answer 1

Вам не нужно редактировать файл bootsrap CSS, просто создать класс с исключением в другой файл CSS

.hero-unit h1.herounit-fix-red{ 
    color:#f00 
}