Зачем делать исключение для этой 1 линии в начальной загрузке CSS?

Question

Стартовый шаблон для начальной загрузки CSS включает в себя следующее встроенное:

body {
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}

Какие практические причины существуют для включения этого стиля в линии, в то время как весь другой код находится в внешнем файле .css?

Answer 1

Встроенный стиль был намеренно вставлен между bootstrap.css а также bootstrap-responsive.css. Анкет Перемещая его в main.css (и так после bootstrap-responsive.css) покажет прокладку над черной панелью меню, когда она приспосабливается к меньшему окну, по крайней мере, в IE 10 и Chrome 22.

В идеале это должно было быть добавлено к bootstrap.css Но это было не по какой -то причине.

Другим решением было бы поместить его в отдельный файл CSS, но это потребует загрузки дополнительного очень маленького файла.

Загрузка main.css между двумя bootstrap*.css Файлы затрудняют переопределение конкретных настроек.

Поэтому я полагаю, что это компромисс.

Answer 2

Может быть несколько случаев,

• Может быть !important правила). Как встроенный <style> Элементы автоматически считаются более конкретными.
• Возможно, они хотели, чтобы это конкретное правило было уникальным для этой страницы, а не в глобальном масштабе на весь веб -сайт. Вполне возможно, что на этой странице существует только топ -бар 60 %.