Question

Имеется сайт, который берет стили из двух источников: 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="../_st/my.css">

Первый файл стилей от бутстрапа, второй - добавляю сам.

в обоих есть параметр:

.body {background-color: #fff;} (bootstrap css)

.body {background-color: #ececec;} (мой css)

Цвет body упрямо остается белого цвета (#fff). В чем проблема? Какой файл стилей главнее? Знаю, что ответ где-то на поверхности, но никак не могу додуматься до решения?

 

Answer 1

Интересный вопрос, с примера кода выше, видим следующее:

1. Главный файл стилей вашего шаблона:

<link rel="stylesheet" href="../_st/my.css">

2. Это сторонний второй файл стилей для фреймворка bootstrap который используется для определенных целей - http://getbootstrap.com/

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

Comments

Ответ лежал как всегда на поверхности. Нечаянно ввел Вас в заблуждение тем, что стили в обоих файлах совпадают. На деле вышло так, что в бутстраповском сss были прописаны стили для body, а в моем файле - для .body 

Исправил в своем файле .body на body. Проблема решена.