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

#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;
}

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

Update:

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