Почему user agent перебивает normalize?

Question

[Константин]

У меня в проекте подключен в самом верху normalize.css, но я вижу отступ у body: 8px который перебивает user agent.
Как решить данную проблему?

Answer 1

[WapSter]

это не юзер агент перебивает, а 8 строчка в файле style.css и ставит все равно 0. При этом у тебя внизу визуализация блока есть, которая так же показывает отсутствующий margin

Comments

[Константин]

ну визуально тут так, а по факту в контенте отступ 8px, хотя на скрине он зачеркнут.

[WapSter]

Константин, нет там отступа, почему вам отвечают верно вы ещё спорите, а не ищете проблему в другом.

Answer 2

[qqFE]

Фишка в том что если у тебя style.css в теге head ниже чем normalize.css, то одинаковые стили для тега боди будут браться из style.css.

Тоже самое и со стилями внутри файлов. Если в одном и том же файле у тебя будет, например:

body { margin:  2em }
body { margin: 0 }

то приоритет будет выше у последнего селектора.

Вот еще пример:

body { margin:  2em !important }
body { margin: 0 }

!important добавляет приоритет первой записи, и итогу у блока body будет margin: 2em.

https://www.w3.org/TR/CSS21/cascade.html#specificity