Влияет ли объявление размера шрифта на элемент дважды?

Question

Мне дали набор CSS, в котором у многих элементов есть вещи, объявленные дважды для каждого селектора, такие как:

.whatever {
    font-size: 16px;
    font-size: 1.4rem;
}

Я получил аргумент (из вторых рук), что 1.4rem является по отношению к другому размеру шрифта (или что-то). Независимо от причины: «может ли это иметь какой-либо эффект?» Я был бы удивлен, увидев что-то подобное в стандарте CSS. Да , может быть допустимо иметь и то и другое, но я бы ожидал, что второе объявление полностью переопределит первое, а не повлияет на него

Answer 1

Второе объявление переопределит первое, за исключением старых браузеров, которые не поддерживают модуль rem, что является относительно современным изобретением. В этих браузерах будет использоваться объявление 16px fallback .

Обратите внимание, что порядок здесь важен. Резервное объявление должно предшествовать желаемому объявлению.

Этот шаблон действительно описан в CSS 2.2 spe c в 4.3.8 Неподдерживаемые значения , где он приводит этот пример:

h3 {
  display: inline;
  display: run-in;
}

Answer 2

Да, это переопределяет. В этом случае второе объявление будет иметь приоритет.

Answer 3

В вашей ситуации да, это переопределит стиль. Второе объявление вступит в силу для элемента класса. Это будет другой случай, когда у вас есть стили как в #id, .class, так и в стиле inline.