In CSS3, was bedeutet ein Komma zwischen Deklarationsblöcken?

Question

Ja ja, wir alle wissen, was ein comma between selectors bedeutet.

Dies ist anders. Ich dachte, dass ich CSS ziemlich gut kannte, aber heute stieß ich auf etwas, das ich nie zuvor gesehen habe - ein Komma zwischen den Deklarationsblöcken. Ich habe clean-css benutze, und es erzeugt das verkleinerte, gereinigt Ausgang (Ich habe einige Leerzeichen zur besseren Lesbarkeit neu eingefügt):

body .container 
{ 
    color:#EEE 
} 
, 
.navbar-default .navbar-nav>.active>a:hover, 
h1 
{ 
    color:#000 
} 

Beachten Sie das Komma (, die ich in einer eigenen Zeile platziert haben) nach die schließende geschweifte Klammer im Deklarationsblock für body .container. Ist das gültige CSS? Wenn ja, was bedeutet das?

Mein Eingang CSS für clean-CSS war wie folgt:

body .container { 
    color: #EEEEEE; 
} 

h1{ 
    color: #000; 
} 

.navbar-default .navbar-nav > .active > a:hover, { 
    color: black; 
} 

Answer 1

Nein, es ist nicht gültig CSS. Ein Komma in dieser Position bedeutet, dass davor ein leerer Selektor steht. Aber ein leerer Selektor ist überhaupt kein Selektor; Ein Selektor muss mindestens einen einfachen Selektor oder ein Pseudo-Element (mit einem impliziten *) enthalten. Von der :

Ein leerer Selektor, der keine Folge einfacher Selektoren und kein Pseudoelement enthält, ist ein ungültiger Selektor.

Dies kann das Ergebnis eines Fehlers in Clean-CSS sein. Alternativ dazu war das Eingabe-CSS zu Beginn ungültig und dies war einfach das Ergebnis von clean-css's Versuch, es zu verarbeiten.