В CSS3, что означает запятая между блоками объявления?

Question

Да, мы все знаем, что означает comma between selectors.

Это другое. Я думал, что очень хорошо знаю CSS, но сегодня я наткнулся на то, чего я никогда раньше не видел - запятая между блоками объявления. Я использую clean-css, и сгенерирована Минимизированный, очищенную выход (я повторно вставить некоторые пробелы для удобства чтения):

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

Обратите внимание на запятую (который я разместил на своей собственной линии) после закрывающая фигурная скобка в блоке объявления для body .container. Является ли это действительным CSS? Если да, что это значит?

Мой вход CSS для очистки CSS следующим образом:

body .container { 
    color: #EEEEEE; 
} 

h1{ 
    color: #000; 
} 

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

Answer 1

Нет, это не действует CSS. Запятая в этой позиции означает, что перед ним есть пустой селектор. Но пустой селектор не является селектором вообще; селектор должен содержать, как минимум, простой селектор или псевдоэлемент (с неявным *). От spec:

Пустой селектор, содержащий последовательность простых селекторов и псевдоэлемент, является недопустимым селектором.

Это может быть следствием ошибки в чистом css. В качестве альтернативы входной CSS был недействительным для начала, и это было просто результатом попытки очистить css для его обработки.