Как перезаписать стиль css из другого css-файла?

Question

Мне нужно переписать стиль заголовка из style.css.

Вот стиль, который мне нужно переписать.

.t_header{ 
    text-align: center; 
    background-color: #bfd4f0; 
    color:#15428b; 
    white-space:nowrap ; 
    margin:0px 10px 0px 10px; 
    height:1.5em; 
} 

Теперь я создал еще один CSS имя файла black.css и мне нужно, чтобы создать другой цвет фона для .t_header

.t_header{ 
    text-align: center; 
    background-color: white !important; 
    color:#15428b; 
    white-space:nowrap ; 
    margin:0px 10px 0px 10px; 
    height:1.5em; 
} 

Я уже использовал !important перезаписать стиль от style.css, но его не но по какой-то причине другой класс стиля и идентификатор, который я переписывал с использованием! important, хорошо работали. Надеюсь, кто-то может дать мне другой способ переписать стиль в сторону, используя !important. Благодаря

Answer 1

Попробуйте очистить кэш браузера, а затем добавить файлы в коде в следующей последовательности -

<link rel="stylesheet" type="text/css" href="style.css"> 
<link rel="stylesheet" type="text/css" href="black.css"> 

Первостепенной CSS не нужно иметь все свойства -

Это много кода будет достаточно -

.t_header{ 
    background-color: #fff; 
} 

Answer 2

Использование !IMPORTANT обычно не рекомендуется. Попробуйте увеличить специфичность

body div.theader { background: white; } 

Также имейте в виду, что на него обычно нахмурилось использовать более четырех селекторов.

вы получаете идею ...