Ao usar as Cascading Style Sheets, observei a ordem de especificidade da seguinte maneira:

1ª Leis: Estilos em linha
2ª Leis: Número de seletores de ID
3ª Leis: Número de seletores de classe
4ª Leis: Número de seletores de elementos

Portanto, os itens com estilos em linha foram os primeiros, seguidos por declarações com um ou mais seletores de ID, seguidos por declarações com um ou mais seletores de classe, seguidos por declarações com um ou mais seletores de elementos. Com mais IDs, classes e elementos significam mais precedência, respectivamente.

Desse ponto de vista, eu era incapaz de compreender onde as listas delimitadas por vírgulas de IDs, classes ou elementos se encaixavam. Uma lista delineada por vírgula possui regras especiais de precedência? Além disso, em uma única lista delineada por vírgula, IDs, classes e elementos são considerados itens separados, para fins de cálculo de especificidade?

Exemplo de código:

html, body, header {
  position: absolute;
  top: 0px;
}
header {
  position: relative;
  top: 50px;
}

O que tem precedência no exemplo acima? A lista delineada por vírgula é tratada como referência a um único elemento; nesse caso, o cabeçalho tem precedência simplesmente por ser o último na cascata ou a lista delineada por vírgula é tratada como vários elementos e, portanto, tem precedência? Ou existem outras regras que eu deveria considerar primeiro?