Это хорошо, но для обычного html. Это как вариант, конечно. Но к примеру если использовать бэм или же использовать Styled-components по их архектиктуре каскад с классами не лучшее решение. Мне интересно больше чем плоха, хороша практика такого написания и будет ли чрезмерная нагрузка на браузер, что стоит отказаться от подхода и писать через обёртки или сделать самое плохое, через классы :) и каскад
Поделитесь пожалуйста знаниями или статьями. Чем плоха такая практика
div { & > * { margin-bottom: 5px } }
Аргументы "за" в том, что даёт отступы без необходимости писать обёртки каждому блоку. Минус в том, что трудоёмкая работа для браузера с таким css, он справа налево проходит по всем элементам и потом на основе этого уже применяет стили.
Это хорошо, но для обычного html. Это как вариант, конечно. Но к примеру если использовать бэм или же использовать Styled-components по их архектиктуре каскад с классами не лучшее решение. Мне интересно больше чем плоха, хороша практика такого написания и будет ли чрезмерная нагрузка на браузер, что стоит отказаться от подхода и писать через обёртки или сделать самое плохое, через классы :) и каскад
нагрузка будет больше, чем от точечных классов, но это все равно незначительно если только не вообще везде это использовать