Почему я не могу группировать селекторы CSS для разных браузеров?

Я только что попытался написать следующее правило для стилизации заполнителя ввода для браузеров, которые его поддерживают:

#main input::-webkit-input-placeholder,
#main input:-moz-placeholder
{
    color: #888;
    font-style: italic;
}

Проблема в том, что правило не применяется. Однако, если я разобью его таким образом, он будет работать просто отлично:

#main input::-webkit-input-placeholder
{
    color: #888;
    font-style: italic;
}
#main input:-moz-placeholder
{
    color: #888;
    font-style: italic;
}

Почему я не могу группировать селекторы, специфичные для браузера, или есть другой способ сделать это? Неправильно дважды повторять одни и те же атрибуты для одного и того же элемента.

Обновление:

Только что нашел этот ресурс, в котором говорится, что это невозможно сделать, но пока нет информации, почему. Кажется странным, что браузеру приходится отбрасывать все правило только потому, что он не распознает один из селекторов.

6
задан BoltClock 24 May 2012 в 05:09
поделиться