Честно говоря, мне уже давно не интересны подобные дискуссии. Потому что аргументы у противника всегда одни и те же, проблемы всегда надуманные.Сергей delphinpro, вот только эти "надуманные проблемы" из раза в раз встречаются в реальных проектах.
.some-wtf-class1 .some-wtf-class2 .some-wtf-class3 {}тоже что-то из ряда вон выходящее, как раз говорящее о кривых ручках написавшего стили...
.app-header__logo {} — вполне очевидно, что это блок, содержащий логотип и расположенный в шапке сайтаможет и очевидно, вот только где разметка и логика этого блока по прежнему неизвестно, как и наоборот, из разметки найти ее стили невозможно.
.app-header {
// лютая портянка стилей
&__logo {}
// лютая портянка стилей
}
CREATE INDEX *** ON top_used_emojis (usages_count DESC)
document.querySelectorAll('.container').forEach(container => {
const o_o = container.querySelector('.open').textContent;
const c_c = container.querySelector('.close').textContent;
const s_s = container.querySelector('.size').textContent;
container.querySelector('.result').textContent = (Number(c_c) - Number(o_o)) * Number(s_s);
});
var o_o = document.getElementsByClassName('open')[0].textContent;
А в-нулевых, отладчик Вам в помощь: жмем ctrl/cmd+shift+I, переходим на вкладку sources, ставим точку останова