Czy jest sens korzystać z BEM? Co sądzicie o takim zapisie?
/* Block component */
.btn {}
/* Element that depends upon the block */
.btn__price {}
/* Modifier that changes the style of the block */
.btn--orange {}
.btn--big {}
Oraz czy zagnieżdżanie elementów wpływa na jakość kodu? Co w przypadku, gdy nie ma innej możliwości i trzeba napisać regułę zagnieżdżającą style.
CSS jest jaki jest i każdy kombinuje jak się da, ale idealnych rozwiązań do każdej sytuacji nie ma. Shadow DOM trochę uprości parę spraw, parę utrudni, ale też nie będzie remedium na wszystkie bolączki, tak samo jak powyższy sposób pisania nie jest.
Pisz spójnie - to przede wszystkim. Jeżeli obrałeś jedną drogę to się jej trzymaj, a gdzieś obok wstawiaj hacki (CSS bez hacków to wręcz niepełny szablon :P).