Инструменты разработчика Chrome: определение источника переопределенного стиля

Question

При разработке веб-приложения у меня возникают проблемы с определением источника переопределений стилей CSS. Основываясь на ответе на этот вопрос: Инструменты разработчика Chrome: как узнать, что переопределяет правило CSS? , я попытался определить источник вычисляемого стиля с помощью встроенных в Chrome инструментов разработчика.

Я ожидал, что свойство border-left-width будет 2px, как явно определено в правиле класса page_not_found. Диалоговое окно вычисленного стиля показывает следующее:

Четко указывает:

• Расчетное значение 0px
• Вычисленное значение было получено из единого правила стиля, определяющего предполагаемое значение 2px

Очевидно, 0px! = 2px, так откуда это вычисленное значение исходит из

Answer 1

Я определил проблему. Правило для border не имело установленного border-style, поэтому Chrome пересчитал ширину до 0px, не указывая, что это было причиной в диалоговом окне вычисленных стилей.