BEM – meaning block, element, modifier – is a front-end naming methodology. CSSWizardry uses a naming scheme based on BEM, but honed by Nicolas Gallagher. The naming convention follows this pattern:
.block {}
.block__element {}
.block--modifier {}
.blockrepresents the higher level of an abstraction or component.block__elementrepresents a descendent of.blockthat helps form.blockas a whole.block--modifierrepresents a different state or version of.block