все идет по прогрессии. Меня бы и в БЭМ называли Денис. А вот еслиб денисов было 8 штук то уже твой вариант и то только в необходимом кол-ве. Так что мимо пример
3) еще как решает. БЭМ идет об руку с атомарным css и дает ответы на вопросы какие стили должны в каких селекторах записаны и то как писать селекторы. все правила тут лень расписывать, одна из первых тем
4) чем он у тебя будет раздуть в каком месте? бэм никак не раздувает код на scss
1. А что это за "проблема каскадов", Простыми словами 2. Улучшим пример. В scoped пространстве всего один Денис, но есть еще город, страна. И ты всегда бы был город_страна_денис_онлайн или город_страна_денис_оффлайн м и еще много других разных город_страна_денис-ов. 3. "Вы так говорите 'Атомный CSS' как будто это что-то хорошее" 4. город_страна_денис? *страна_город_денис
1) проблема со специфичностью селекторов. В идеальном случае в БЭМ у тебя все селекторы обладают специфичностью равной 1 классу (исключения это псевдоэлементы и псевдоклассы). 2) кажется вы не поняли как работает вложение. 1: нельзя делать вложение во вложение те город_страна_денис уже идет мимо. Есть Денис и вот его уже можно прикладывать куда-то в конкретное место Сочи__Денис—оффлайн вот самый максимум относительно твоего примера 3) пока чего-то лучше не придумали 4) ,сочи { &__Денис { &--оффлайн } } капец избыточно (но только если ты раскладываешь на слои 1 элемент без описания других от слова совсем, тогда появляется вопрос, а на кой тебе модификатор и элемент, делай просто Денис и не морочь голову)
1 Я прогуглил это, но нашел только что BEM решает эту проблему, но какую конкретно - не понял Может проблемы специфичность селекторов при грамотной архитектуре возможно не должно возникать? 4. Отлично. Теперь вопрос - для чего это? Чем это лучше варианта без &--? Удобней смотреть в DevTools? Или что?
1) это как мана небесная когда нужно что-то достилизовать. Используя БЭМ ты применяешь просто нужный модификатор или нечто другое необходимое и все. Ты вообще не думаешь о специфичности селекторов (исключения бывают, но крайне редко) 4) все очень четко сгруппировано я вижу сочи. вижу как денис себя ведет в сочи. потом вижу как денис в сочи ведет себя в оффлайн тут 0 избыточной информации и крайне высокая сгруппированность данных
> Может проблемы специфичность селекторов при грамотной архитектуре возможно не должно возникать? > ***Предлагает вариант с селекторами разной специфичности которые собственно и создают впоследствии такую проблему Сук🤡🤡🤡
4. Оно четко сгруппированно и без &-- Так все-таки, что дает BEM в данном случае? Какой именно удобство для программиста? Когда были CSS простыни на десятки килобайт - там согласен, в компоненте на 150 строк вот именно этот пример ,сочи { &__Денис { &--оффлайн } } что дает BEM? В чем удобство?
Обсуждают сегодня