Unul din motivele pentru care ai vrea să folosești BEM este specificitatea scăzută. Ei bine, asta e ca o sabie cu două tăișuri, și, pe lângă că primești o specificitate scăzută îți dă și posibilitatea de a folosi elemente în afara blocului, astfel încât vei ajunge să ai o structură de genul :
<div class="modal">
<div class="widget__title"></div>
Harry Roberts propune nesting pe un nivel, astfel încât toți selectorii css vor avea forma:
.widget .widget__title {}
Mie mi se pare un pic extrem și cred că rezolvă problema într-un mod complet neelegant.
O alternativă la care m-am gândit ar fi injectarea unei notificări cu ajutorul :before
.
Dar nu am fost singurul care s-a gândit la asta