¿Qué es BEM, significado y uso?

Antes que nada debemos partir por las bases, y lo primero que deberiamos saber es el significado de BEM ya que esto puede facilitar el entendimiento de BEM como un concepto. BEM significa Block Element Modifier(Bloque Elemento y modificador). Bem es un concepto creado por Yandex con la finalidad de facilitar el mantemiento de codigo css y la organización del mismo. Si te preguntas que es Yandex es básicamente el google de rusia.

Bloques Elementos y Modificadores:

• Bloques. Los bloques son nuestros contenedores más grandes que a su vez contienen elementos u otros bloques.
• Elementos. Los elementos siempre forman parte de un bloque, normalmente son los botones, textos, imágenes etc.
• Modificadores. Los modificadores se usan para establecer estilos diferentes a un mismo bloque o elemento.

Notas Relacionadas:

Documentación:

Metodologías CSS

Sintaxis BEM CSS

https://en.bem.info/methodology/