Почему таблица стилей пользовательского агента переопределяет мои стили?

Я хочу размер шрифта 11, но Chrome и Firefox дают мне 16. Когда я просматриваю элемент в Chrome, я вижу и смотрю на вычисленное свойство, которое я вижу:

font-size: 16px;
  table - medium user agent stylesheet
  Style Attribute - 11px
  table - medium user agent stylesheet
  .v11gray - 11px style.css

В вычисленных стилях в Firefox я получаю:

font-size: 16px
   TABLE[0].style → 11px    element
   .v11gray → 11px  style.css:19

Вычеркнуты последние три строки. Почему мое правило css переопределяется? Есть ли шаги, которые я могу предпринять, чтобы узнать?

Ответы

Ответ 1

Это внешний выстрел без вашего кода, но решение, когда у меня была такая же проблема. В моем заявлении DOCTYPE возникло искаженное нажатие клавиши, как описано в этом вопросе. Вы можете проверить его визуально и/или подтвердить.

Ответ 2

Это может показаться странным, но это помогает проверить (особенно если вы не используете IDE или те, которые не делают проверку на вашем CSS). Вы можете убедиться, что у вас есть ;, а не : в конце строки your:style;. Потому что с первого взгляда в инспекторе синтаксис кажется правильным, но нет. Таким образом, таблица стилей вашего пользовательского агента перезаписывает его. Один из них "убедитесь, что ваш принтер подключен". Это случается со всеми нами каждый раз в то время.