BEM (which stands for Block-Element-Modifier) is a standard in the world of CSS and is immensely useful for writing CSS that is easier to read, understand and scale. 1- Block: the most external parent element of the component is defined as the block.
Full article