Мастерская: декоративные элементы / Комментарии, шаг 3 (15/18)

Кто скажет, в чем разница, записать код так:

background: url("/assets/course14/reply.png");
background-repeat: no-repeat;
background-position: 0 0;

или так:
background: url("/assets/course14/reply.png") no-repeat 0 0;

Если нет разницы, то почему в этом упражнении требуется именно второй вариант, а в предыдущем первый ?

Свойство background на самом деле более сложное. Оно состоит вовсе не из трех компонентов.

В вашем случае при задании его в сокращенном виде под-свойство background-color затрется.

Посмотрите HTML шорты

Почитайте справочник

Это я понимаю. Вопрос стоял в другом - “почему в этом упражнении требуется именно второй вариант, а в предыдущем первый ?”

Ну поставили Вы вопрос именно так, цитирую:

Разница есть. Первая запись задает 3 свойства, вторая - 3 свойства + обнуление background-color.

Что же касается разницы в заданиях, то по факту тут способ решения не критичен.
Но какой смысл использовать сокращенное написание CSS-свойства, если Вы и так задаете одно единственное свойство? Т.е. зачем писать background: white; если собираетесь задать только background-color: white; - результат один (и в любом случае так или иначе - одна строка кода), но вторая запись облегчает чтение кода и исключает возможность ошибки (затирания свойств). Она просто лучше, потому что точней, если хотите.
Во втором же задании необходимо задать уже целых три свойства, поэтому - да, здесь имеет смысл использовать сокращенное написание и получить вместо трех строк кода одну, с учетом того, что затирание color в этом конкретном случае не вредит макету.

Благодарю. Теперь понятно стало. ))