Почему hover не применяется к заголовку с цветом?

Анатолий,

Существует цвет заданный по умолчанию, например тем же браузером, тогда почему я могу менять его через a:hover? Вот в этом и есть весь вопрос.

ну смотри, например для ссылки браузер задает:

a:-webkit-any-link {
  color: -webkit-link;
}

ты задаешь:

a:hover {
  color: red;
}

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

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

А теперь смотри ссылка внутри ссылки (wtf?!), попробуй задай для ссылки цвет явно или оставить как задает браузер, поведение для них одинаковое.

Почему наследование от a:hover даже с important не применяются?

Наследовать или не наследовать определяет дочерний элемент, а не родительский.

Почему если цвет h2 не задавать, то наследование применяется?

Потому что так работает наследование.

Почему hover не применяется к заголовку с цветом?

Анатолий, свойства либо наследуются от родителя либо задаются явно, если ты задал явно, то оно больше не наследуется от родителя. Представь у тебя есть:

html { color: red }
h2 { color: blue }

какого цвета будет h2?
Если ты написал a:hover {color:lime;}, это не значит что h2 {color:green;} будут наследовать color от a или a:hover

Почему hover не применяется к заголовку с цветом?

Анатолий, тогда только так

a:hover h2 {
  color: orange;
}

Почему hover не применяется к заголовку с цветом?

Анатолий, h2 {color: inherit}

Как сделать адаптивную сетку с изображениями на всю ширину без рамок и отступов?

Роман Вопроскин, либо картинки сделай квадратными, либо используй трюк с паддингом в процентах https://bethsoderberg.com/blog/making-responsive-r...

Проверка данных на пустоту перед AJAX-отправкой?

DanKud, лучше вынести в переменную jQuery("#form").serialize()

button.onmousedown  = function(e) {
        let data = jQuery("#form").serialize();
        if (!data) return false;

        $.ajax({
            data: data,

            success: function (data, textStatus, jqXHR) {
                // успешно
            },
        });
    };

Как дождаться выполнения функции, а после выполнить условие?

83349 M, а так

const checkNicknames = async (nicknames) => {
  return nicknames.map(async (nickname) => {
    if (nickname) {
      return await ckechNikname(nickname);
    }
  });
};

Проблема с модальным окном, как исправить?

Максим Лесников, это нужно прописать прописать внутри обработчика кнопки. Примерно так:

item.addEventListener('click', (e) => {
      let hashval = item.getAttribute('href');
      let target = document.querySelector(hashval);
      history.pushState(null, null, hashval);
      e.preventDefault();
    });

Проблема с модальным окном, как исправить?

Максим Лесников, можно просто url с #modal не сохранять в историю браузера
history.pushState(null, null, '#modal');

Почему блоки в масонри выстраиваются именно так?

Александр, в документации написано:

We recommend setting columnWidth. If columnWidth is not set, Masonry will use the outer width of the first item.

первый элемент в сетке шириной 50%, а нужно 25%

Почему transfrom родителя ломает fixed у ребенка? Можно ли исправить?

crdrads, попытка растянуть оверлей на всю высоту страницы. Лучше все же вынести оверлей из хедера, а кнопки и лого отдельно продублировать

Почему transfrom родителя ломает fixed у ребенка? Можно ли исправить?

crdrads, тогда оверлею не ставить fixed https://codepen.io/anon/pen/aQRZXw
https://stackoverflow.com/questions/15194313/trans...