Nesting Your BEM?

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 :slight_smile:

Foarte interesanta solutia din gist-ul respectiv, dupa parerea mea asta ar fi calea potrivita (insa numai in development mode). Sunt de acord cu @iamntz in ceea ce priveste abordarea lui Harry.