Почему некоторые разработчики дважды определяют размер шрифта с разными единицами?

Question

разрабатывает темы сайта, используя тему стартера, и я вижу разработчики определения свойств дважды с разными единицами, например:

body, 
button, 
input, 
select, 
textarea { 
    color: #404040; 
    font-family: sans-serif; 
    font-size: 16px; 
    font-size: 1rem; 
    line-height: 1.5; 
} 

Что является причиной этого?

Answer 1

В примере вы предоставили, первый font-size определен (16px) предоставит запасной вариант для браузеров, которые не делают поддержки rem единиц. Браузеры, которые do support rem единиц будут использовать последний font-size (1rem), потому что он определяется после первого и, следовательно, заменяет его.

body, 
button, 
input, 
select, 
textarea { 
    color: #404040; 
    font-family: sans-serif; 
    font-size: 16px;    /*This is set first and provides a fallback if rem units are not supported */ 
    font-size: 1rem;    /*This second defintion supersedes the first in supported browsers because it is defined after the first definition */ 
    line-height: 1.5; 
} 

Здесь CANIUSE, какая информация поддерживается браузером и т. Д. На самом деле это действительно хорошо, поддержка; это только действительно IE8 или ниже, что она не будет выполнена в: http://caniuse.com/rem

Вот хорошая статья охватывает единицы REM: http://www.sitepoint.com/understanding-and-using-rem-units-in-css/