Каким цветом по умолчанию будет отображаться ссылка, если для body задан color, и почему?

Свойство color в CSS является наследуемым: если у родителя задан цвет, потомки без собственного правила его получат. Однако у тега <a> браузер по умолчанию применяет собственный стиль из user agent stylesheet, где явно указан синий цвет и подчёркивание. Это правило имеет более высокий приоритет, чем унаследованное значение, поэтому ссылка остаётся синей.

Как работает каскад

• Наследование — это лишь передача значения от родителя, если у элемента нет своего правила.
• User agent stylesheet — встроенные стили браузера, которые применяются ко всем страницам.
• Любое явное правило (даже из UA-стилей) перебивает унаследованное значение.

Пример

body {
  color: green;
}
/* Ссылка всё равно будет синей, потому что у <a> есть своё правило */

a {
  color: inherit; /* теперь ссылка станет зелёной */
}

Чтобы ссылка унаследовала цвет родителя, нужно явно указать color: inherit или задать собственный цвет. Также стоит помнить о псевдоклассах :visited, :hover, :active, у которых свои цвета по умолчанию.

Итог: применяйте color: inherit для ссылок, когда хотите, чтобы они следовали цвету текста родителя, и явно стилизуйте состояния ссылок для предсказуемого вида.