BEM Convention Rules:

  • Block: Standalone entity (e.g., menu, button)
  • Element: Part of a block, uses double underscore (e.g., menu__item)
  • Modifier: Flag on block/element, uses double hyphen (e.g., button--primary)