CSS:重复选择器与重复声明

Question

渲染引擎处理哪种 CSS 创作技术更有效:

1) 在多个选择器中重复相同的样式属性/值对，或者

2) 在单个选择器中分组共享样式属性

示例 1:字体大小重复，但规则较少

p {
font-size: 1em;
color: #000;
}

h1 {
font-size: 1em;
color: #fff;
}

或示例 2:更多规则但一种字体大小

p, h1 {
font-size: 1em;
}

p {
color: #000;
}

h1 {
color: #fff;
}

Answer 1

这study by Dave Gregory是我在这个主题上找到的最好的资源。它表明复制属性/值对的性能要差得多:

“长”是 Gregory 所说的“臃肿”格式，其中属性在多个选择器中重复。