//Получаем коллекцию всех элементов с классом Text
const elementsTextClass = document.getElementsByClassName('Text');
let resultId = '';
//Проходим по всем элементам
for (const element of elementsTextClass) {
//Проверяем текстовое содержимое текущего элемента
if (element.textContent === 'Bye, Wrld!') {
//Запоминем текущий id
resultId = element.parentElement.id;
}
}
console.log(resultId)let multiply = getMultiply();
alert(multiply);
Если кратко:
- рост популярности и мощности мобилок, они заметный, либо даже основной клиент
- рост производительности, css будет применяться не десктоп версия, а затем дангрейды для омбильных, а в начале общие свойства + мобильные, а потом модификации усложнения десктоп версии.
- зачастую меньше кода, если есть сверху вниз, либо указывать min max, будет слишком много повторения кода. А так, делая отсечения по min-width у вас всегда будет возможность добавить необходимые изменения для большего ширины. понятно что возможно исключения, но это исключения. В целом правила работает.
- ну и проще и понятнее сам код, ты видишь в одном месте основной код css, а далее модификаторы для брейкпоинтов. Удобно всё даже в голове выстраивается
- снова таки, конечно такой подход удобен где адаптивная вёрстка. Если вы строете сложную ERM//CRM, то у вас скорее всего будут отдельные версии мобильная и десктоп, слишком сложная будет адаптация. И там мобайл фёрст подход будет лишним, если основное устройство это компьютер.
В целом можете погуглить про этот вопрос, статей на этот счёт много.
Так же изучить подход например того же Tailwind, как они через модификаторы сделали суперлегкую адаптивность, что зачастую даже css почти не нужно писать (не факт что всегда этот подход лучший. но нередко удобно чтобы быстро что-то собрать). Либо же более классический Bootstrap, но у них тоже подход mobile first.
Так что если кратко: оптимизация кода, оптимизация производительности, более мягкая и понятная адаптивность сайта.
Отдельно отмечу что и верстать и рисовать(макет) нужно в этом случае тоже начиная с мобильной версии. Таким образом будет меньше логических ошибок, ну и значительно быстрее работа пойдёт.