Невозможно изменить элементы темы начальной загрузки color

Question

Это мой первый опыт использования темы начальной загрузки с моим веб-приложением ASP.net, поэтому у меня возникли некоторые трудности с редактированием CSS.

Я получил этот шаблон для загрузки в Интернете, и для того, чтобы удовлетворить мои потребности, я хочу изменить цвет нижнего колонтитула на другой цвет. Вот код в HTML

<div class="footer_bottom"> 
     <div class="copy"> 
      <p>Copyright &copy; 2014</p> 
     </div> 
    </div> 

и вот устанавливаемыми сотовыми

.footer_bottom { 
padding: 2em 0; 
/*background: #7cc4cc;*/ 
background: #5DBCD2; 

}

В принципе, я хочу изменить цвет DIV с # 7cc4cc на # 5DBCD2. Когда я запускаю свою страницу в google chrome и выбираю опцию проверяющего элемента, код, возможно, работает, но в свойствах css backgroud: # 7cc4cc вырезается над фоном линии: # 5DBCD2 (который не вычеркнут), но цвет Показанный div все еще # 7cc4cc. Короче говоря, я не могу изменить цветовые свойства CSS темы по какой-то причине. Любая помощь будет принята с благодарностью.

Answer 1

Вы можете узнать много, прочитав около CSS Specificity. CSS о правилах сверху правил, так что я думаю, что происходит, является то, что некоторые правила становятся применены над:

.footer_bottom { background: #5DBCD2; } 

Проверьте наличие каких-либо правил, которые имеют более высокую специфичность и делают это .footer-bottom заявление выше.

Решение в других ответах - это не то, что вы хотите сделать. Со временем эти вещи будут укусить вас в вашей заднице, поскольку они уносят вашу специфику через крышу.

Answer 2

Вы пытаетесь переопределить самозагрузки CSS, так что вам нужно добавить !important к фоновому изменения цвета, как так:

.footer_bottom { 
padding: 2em 0 !important; 
/*background: #7cc4cc;*/ 
background: #5DBCD2 !important; 

Answer 3

Использование !important для переопределения начальной загрузки стилей:

.footer_bottom { 
     padding: 2em 0 !important; 
     background: #5DBCD2 !important; 
    }