технический вопрос по поводу чистого написания классов в html по БЭМу и ведения понятного листа scss
Вопрос большой и обширный... Значит начнем с того что есть в scss селекторы, которыми благополучно можно пользоваться без применения классов элементам. А есть классы и тут можно не мучать селекторы.
Я вот думаю что правда где-то по средине, что правильно пользоваться обеими методами, но как правильно должен выглядеть код в html и scss - не понятно.
Допустим: есть section>.container дальше идет по центру два текстовых блока полсе идет флекс строка, куда входит картинка, с одной стороны и блок с другой. в тот блок, который тоже флекс, входит опять два отдельных текстовых элемента и два флекс блока, куда опять входят картинка и два текстовых элемента.
вопрос №1 - нужно ли все еще раз обернуть после контейнера? 2 - как разбивать этот, многоуроввневый блок, на мелкие в SCSS? По БЭМу все элементы выводим под главный, в нашем варианте под section с родительским классом, либо под блок, которые оберенет все что есть после container (это к вопросу №1).
- Если мы все выводим, как по БЭМу, то я встречал что даже :hover выносят отдельным блоком, не вкладывая его в родительский. Это ж не очень, правда?
Весь вечер убил куря документацию по сассу. Там единственное что говорят, что желательно не вкладывать больше 3 уровней. Как с остальными то?
Ткните хотябы где почитать или покажите кусок многоуровнего кода там и там Спасибо