Есть ли недостатки у сокращенного CSS?
Допустим, я определяю размер шрифта для всех p
-элементы на сайте. Я бы сделал это следующим образом:
p {
font: 14px/1.3 'Open sans', sans-serif;
}
Это так называемый сокращенный CSS-код, который примерно обозначает следующее:
p {
font-family: 'Open sans', sans-serif;
font-size: 14px;
line-height: 1.3;
}
Все пропущенные значения будут иметь свои значения по умолчанию. Если вы знаете значения по умолчанию, это самый простой способ написания CSS (на мой взгляд).
Однако, когда у вас есть фон, и вы просто хотите изменить цвет, вы должны написать следующее:
.container {
background: red;
}
Мне было интересно, есть ли у этого недостатки, по сравнению с просто изменением background-color
, поскольку это единственное, что вы меняете. Будет ли лучше написать так?
.container {
background-color: red;
}
Это, например, влияет на скорость рендеринга, или это полезно только для перезаписи только одного значения фона (в этом примере)?