.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;
Проблема не в том, что БЭМ какой-то там плохой, в свое время он неплохо решал проблему конфликтов в css, так как инструментов для этого не было. Сейчас есть инструменты решающие эту проблему, и решают они ее определенно лучше, хотя бы по тому, что менее подвержены человеческому фактору. Но даже это не проблема, поле можно вспахать лопатой, если Вы боитесь использовать трактор.
Настоящая проблема в том, что новичку советуют непонятные три буквы, без объяснения что это такое. Притом если загуглить эти три буквы, то можно найти с десяток различных толкований. chekoff пришел с конкретным вопросом, как он может сделать свой код более поддерживаемым, но вместо этого получает маркетинг/религию/пропаганду идеи, бездумное использование которой приведет его ровно к обратному эффекту - неподдерживаемому нечто...