重复样式的CSS性能，类或元素样式？

Question

关于css的网站性能有什么好处？

例如，我有多个元素的重复阴影样式。关于DRY（不要重复自己）原则我可以创建一个类并将其添加到需要阴影的所有元素中。

浏览器的性能更高？在元素css中的元素或几个样式行上有一个类名。

有多个元素：

element {
  /*
  Some: style;
  Some: style;
  Some: style;
  */
  box-shadow: 0 2px 5px 0 rgba(161, 161, 161, 0.5);
  -webkit-box-shadow: 0 2px 5px 0 rgba(161, 161, 161, 0.5);
  -moz-box-shadow: 0 2px 5px 0 rgba(161, 161, 161, 0.5);
}

或具有类名，然后应用于多个元素：

.shadow {
  box-shadow: 0 2px 5px 0 rgba(161, 161, 161, 0.5);
  -webkit-box-shadow: 0 2px 5px 0 rgba(161, 161, 161, 0.5);
  -moz-box-shadow: 0 2px 5px 0 rgba(161, 161, 161, 0.5);
}