"разве при этом цвет не изменится везде, где он использовался" нет, не изменится. Переопределяется локальная переменная внутри button:hover. На работу других (не дочерних блоков) никак не повлияет.

Поддержка IE уже завершилась, но еще не протяжении нескольких лет на некоторых проектах, придётся писать под него. Сейчас Edge основной браузер Microsoft

у .then 2 аргумента: первый обрабатывает "onFulfilled", а второй "onRejected" - таким образом, .then можно использовать как замена .catch

.catch, в свою очередь, обрабатывает только "onRejected"

На собеседованиях в основном по Промисам гоняют =)

Вообще, у меня ошибка не возникла, но предположу, потому что здесь нет чейнинга

2. Создали промис

3. Обработали только then - тут нет catch и будет ошибка

4. Обработали только .catch отдельно

   
   Если так переписать, то будет корректно

Promise.reject()
    .then(() => console.log('ok'))
    .catch(() => console.log('error'))