媒体查询规则声明之间有性能差异吗？

Question

第一种方式

@media (max-width: 480px) {
  .foo {
    color: #0000FF;
  }

  .bar {
    color: #0000FF;
  }
}

和第二个

@media (max-width: 480px) {
  .bar {
    color: #0000FF;
  }
}

@media (max-width: 480px) {
  .foo {
    color: #0000FF;
  }
}

我很好奇，媒体查询规则声明之间是否存在性能差异？我不确定浏览器如何处理媒体查询规则，但会为第一种情况创建一个侦听器，为第二种情况创建两个侦听器吗？